Furry Animation Library example

Direct link to the file, to view it in the full window: https://zennith.net/wp-content/uploads/furry-anim-example/example-animation.htm

Right click and view this iframe in a new tab for a more immersive cube-spinning experience!

Available on GitHub: https://github.com/zennithn/FurryAnimationLibrary

This example uses JavaScript code that lets you create an interactive, looping animation, starting from a plain video file. The code runs in a web browser.

When initially opening an animation you have produced, the user may first, optionally, be presented with a splash screen. This splash screen might tell a background story, and you can use it to collect the user’s consent before proceeding to view the animation.

Once viewing the animation itself, the animation occupies most or all of the viewport. The user may advance to the next animation loop by pressing an arrow-shaped button. Next to this button, there is space to display text according to the timeline, so that text can progress according to the place in the animation. When transitioning from one loop to the next, the video will play through any transitional sequences for a smooth an immersive experience.

Additionally, the user can make the animation fullscreen, can mute or unmute the audio, and can click a ‘hamburger’ icon to open up a larger popup menu with more information (e.g. a more detailed backstory, links to an artist’s other websites, license and copyright information, etc).