Adobe Animate Components

Description

During my time at Tremor Video I was tasked with developing several reusable Adobe Animate components. The examples provided here represent just a handful.

Resolutions

360° Video Player Component: This 360° video player component is built using ThreeJS and supports both standard and Google Cardboard VR modes, as well as touch/mouse and mobile accelerometer (motion) controls.

Movie Showtimes Component: The movie showtimes component integrates both the Fandango theaters API and the Fandango showtimes API, allowing the consumer to quickly and easily find movie showtimes for various theaters in their area.

Image Reveal Slider: The Image Reveal Slider code snippet allows designers to create slick before and after or side-by-side comparisons for use with a wide range of products.

Canvas Screenshot Snippet: The Canvas Screenshot code snippet allows for dynamically generating images from a section of the Animate CC canvas. The image can then be opened up in a separate window and saved by the consumer. In the above demo this feature is used to allow a consumer to create a custom image with their name on a Coca-Cola bottle.

360° Spinner: The 360° Spinner code snippet allows a designer programmatically import and scroll through a series of 360° product images, (with each image being taken at a slightly different angle). Moving the scrollbar left/right moves forward or back in the sequence, changing the image currently being displayed.

Tech

Adobe Animate
HTML
CSS
JavaScript
Node
ThreeJS
EaselJS
TweenJS