This site works A LOT better with JavaScript enabled!
This is the beta version of this site! Some things may not be working.

Image Progress Bar

Run
var game = new tine.Game(null, { preload: function() { game.load.image('bg', 'assets/scene-vulcan.png'); game.load.image('fire', 'assets/fire.png'); game.load.image('heart', 'assets/heart.png'); }, create: function() { game.stage.addChild(game.create.bitmap('bg')); fire = game.create.bitmap('fire'); heart = game.create.bitmap('heart'); var bar1 = new tine.ProgressBar(fire, 'white', tine.BOTTOM_TO_TOP, 213, 15); bar1.value = 25; bar1.x = 58; bar1.y = 261; game.stage.addChild(bar1); var bar2 = new tine.ProgressBar(heart, 'black', null, 100, 15); bar2.value = 89; bar2.x = 515; bar2.y = 310; game.stage.addChild(bar2); var bar3 = new tine.ProgressBar(heart, 'black', null, 100, 15); bar3.value = 12; bar3.x = 670; bar3.y = 170; game.stage.addChild(bar3); changeTemperature(bar1); changeTemperature(bar2); changeTemperature(bar3); } }); // Change the temperature continuously function changeTemperature(bar) { createjs.Tween.get(bar) .to({value: Math.random()*100}, Math.random()*2000) .call(function() {changeTemperature(bar)}); }