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.

Früher nutzte man Ticker.useRAF = true damit der Ticker requestAnimationFrame nutzt, sofern es unterstützt wird oder auf setTimeout zurückfällt, wenn nicht.

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.

Heute
der alte RAF Modus
createjs.Ticker.timingMode = createjs.Ticker.RAF;
// Oder synchronisierter RAF-Modus eine optimierte Alternative
createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;

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


			createjs.Ticker.addEventListener("tick", myListener.bind(this));
			createjs.Ticker.framerate = 30;
			createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;

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