I'm new in Create.js and I'm trying to make countdown progress bar.
I have this simple code:
var stage = new createjs.Stage("timerCanvas");
stage.canvas.width = document.getElementById('timerProgress').offsetWidth;
stage.canvas.height = document.getElementById('timerProgress').offsetHeight;
var square = new createjs.Shape();
square.graphics.beginFill('red').drawRect(0, 0, stage.canvas.width, stage.canvas.height);
stage.addChild(square);
createjs.Tween.get(square, { loop: false }).to({ scaleX: 0 }, 90000);
createjs.Ticker.timingMode = createjs.Ticker.RAF;
createjs.Ticker.addEventListener("tick", stage);
My canvas width is 1920px and height 5px. My CPU average load is 20%, when this script runs...
I think it is high load, for such simple script. Am I right? If I am, What I'm doing wrong?