Ticker requestAnimationFrame

Die meisten modernen Browser unterstützen eine neu Art der Animation in Bezug auf die API, man nennt es requestAnimationFrame. Es bezieht Vorteile aus gleichzeitigen Programmabläufen und Bildschirmaktualisierungen. Es drosselt die Framerate von Inhalten im Hintergrund und reduziert die CPU und Speichernutzung.

Wenn Sie Ticker.useRAF = true setzen wird der Ticker requestAnimationFrame nutzen, sofern es unterstützt wird oder auf setTimeout zurückfallen, wenn nicht.

createjs.Ticker.useRAF = true;

Wenn man das macht, sollte man die Framerate auf einen Divisor von 60 setzen (z.B.: 15, 20, 30, 60), um ein möglichst gleichmäßiges Ergebnis zu erzielen.

var circle = new lib.Kreis();
circle.x = 20;
this.addChild(circle);


createjs.Ticker.addEventListener("tick", myListener.bind(this));
createjs.Ticker.setFPS(30);
createjs.Ticker.useRAF = true;

function myListener(evt) {	
	circle.x += 5;
	if(circle.x > 560){circle.x = -10;}
}