This is one of my flash animations re-designed to HTML5 with help of CreateJS. Hand-drawn animated fantastic mechanism from letters “under construction” with customizable logo integrated on screen, jQuery countdown timer, 2 skins (light and blueprint). Cartoon retro-styled mechanism animation centered in browser window. Your logo is clickable with custom URL.
Features:
– Classic cartoon frame-by-frame animation with countdown timer.
– Customizable liquid color, logo.
– Ready to upload index.html page with animation centered in browser.
– 2 Skins (light and blueprint).
– Archive include original flash animation .FLA and photoshop .PSD sources.
– Fallback dummy page with static picture for IE8 and earlier versions.
– Detailed help file and commented code.
Notes:
Due to CreateJS requires the HTML5 Canvas, which is not available for IE8 and earlier browsers, in this theme I add dummy fallback page with non-animated .jpg machine picture and alert message.
Due to original animation was ported from flash, if you want to change color of animated letters (outlines and fills) you need to edit source .fla file in Flash CS6 as described in help. Note that liquid color and other colors you can change without editing in flash, just with changing variables in css or javascript.
Hope you enjoy this file, and take a few seconds to rate and share it.
Thanks!
Credits:
Fonts Roboto and Sniglet from Google Fonts http://www.google.com/fonts/
CreateJS http://www.createjs.com/
jQuery Countdown Plugin by Keith Wood http://keith-wood.name/countdown.html