U.C. Machine

17 May 2013
wordpress themes No Comments

Under Construction Machine – 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.

Click on picture for preview on Themeforest (in new window):

Under Construction Machine Animated HTML5 Template

Also here is Flash + XML old version on Activeden:

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.

In Opera browser this animation have some strange tiny glitches (thin horizontal lines occuring above animation), I still could not figure out why. The rest browsers is ok.

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

http://yepnopejs.com/

No Responses to “U.C. Machine”

Leave a Comment

* Copy This Password *

* Type Or Paste Password Here *