Text Tween
HTML
<script src="https://rawgit.com/CreateJS/Combined/master/builds/1.0.0/createjs.min.js"></script>
<canvas id="canvas" width="800" height="600"></canvas>
CSS
body, html {
margin: 0; padding: 0;
}
canvas {
}
JavaScript
var stage = new createjs.Stage("canvas");
createjs.Ticker.timingMode = createjs.Ticker.RAF;
createjs.Ticker.on("tick", tick);
// Graphic Sample
var t = new createjs.Text("12", "50px Arial", "#f00");
t._num = 12;
stage.addChild(t);
createjs.Tween.get(t, {bounce:true, loop:true})
.to({_num:1000}, 3000, createjs.Ease.quadInOut)
.wait(500)
.on("change", function(e) {
t.text = Math.round(t._num)
});
// Handy Tick
function tick(event) {
stage.update(event);
}