Codebase integration

Useful information for developers integrating animations into their codebase.

Zack Brown avatar Taylor Poe avatar Roberto Dip avatar
32 articles in this collection
Written by Zack Brown, Taylor Poe, and Roberto Dip

Avoid using NPM when embedding on React

Is there a way to not use NPM when embedding on React, without exporting the file as GIF?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Animator + Unity

Is there a recommended path to getting Haiku Animator animations playing as Unity UI animations?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Performant animations for iOS

My animations seem to crawl on iOS, what can I do?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

HaikuClock

How can I prevent HaikuClock from running by default?
Zack Brown avatar
Written by Zack Brown
Updated this week

Integrating into a React app

Would my animations work inside a React web app?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Reversing the timeline

Is there a way to reverse the timeline, for instance on a focus event?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Standalone Json file

Is it possible to export a component as standalone .json file?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Embedding animations in a SquareSpace website

Can Animator code be embedded onto a SquareSpace website?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Website integration best practices

What are the best practices to incorporate my animation into a website?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Importing existing Lottie files

Is there a way to import the .json files from https://lottiefiles.com/ and edit / work with them in Animator?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Animating a Chrome Web store Extension

Can I implement some animations on my Chrome Web store Extension instead of using a GIF?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Importing existing React native code

Is it possible to import existing React native code for modification and re-export?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

NPM Support

Can I get my animation as an npm module?
Roberto Dip avatar
Written by Roberto Dip
Updated over a week ago

Animating UILabels or UiTextfields in Xcode

Is a way to dynamically animate UILabels or UiTextfields in Xcode?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Once my animation is on a web page, how do I make it responsive?

Can my animation adapt to different screen sizes?
Roberto Dip avatar
Written by Roberto Dip
Updated over a week ago

Is it possible to call an external Javascript function from within Animator?

E.g. I want to start playing an embedded video when the user clicks on an object.
Taylor Poe avatar
Written by Taylor Poe
Updated over a week ago

How to control a component's timeline from the host codebase

E.g. I have the animation playing on page load but also want to play it on mouseover
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Is it possible pass props for a RN component?

In React Native we use Lottie and it doesn't accept props.
Zack Brown avatar
Written by Zack Brown
Updated this week

Native iOS camera support

Does Animator support an iOS native function to incorporate the camera?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Browser support

What fallbacks are in place for older browsers?
Zack Brown avatar
Written by Zack Brown
Updated this week

Setting the value of a state for a component that has been embedded in HTML

Not a React project, just a simple embed into a webpage.
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

[Troubleshooting] Lottie

Known issues when using Animator + Lottie
Zack Brown avatar
Written by Zack Brown
Updated this week

Providing parameters when using the Angular adapter

Example: Pass on further config params to disable the context menu and set the sizing to 'cover'.
Zack Brown avatar
Written by Zack Brown
Updated this week

Embedding your animation in a dev project

Will the code in my project auto-update if I change my animation?
Zack Brown avatar
Written by Zack Brown
Updated this week

Starting an animation at a certain time with the API

Using the Haiku Developer API
Roberto Dip avatar
Written by Roberto Dip
Updated over a week ago

Disabling the "Crafted in Haiku Animator" context menu

Is there a way to disable the "Crafted in Haiku Animator" right click window? (vanilla HTML embed)
Roberto Dip avatar
Written by Roberto Dip
Updated over a week ago

Update the project version in your codebase

How can I get a new version of my animation component into my codebase?
Zack Brown avatar
Written by Zack Brown
Updated this week

Integrating Animator with a PHP app

Is it possible integrating Animator with an existing jQuery + PHP app?
Zack Brown avatar
Written by Zack Brown
Updated this week

Assets supplied by the CDN

Are there any assets not supplied by the CDN?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Animation looping

Can I stop an animation from looping in a codebase?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Understanding the files

Why is there a separate `HaikuCore...min.js` and `index.embed.js`?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago

Removing the username from the method name and meta data

The embedded JS contains the name of account. Is there a way to avoid this?
Zack Brown avatar
Written by Zack Brown
Updated over a week ago