Ticker

In EaselJS gibt es die Ticker Klasse, die zeitbasierte Programmierungen möglich macht.

Ähnlich wie der ENTER_FRAME Event in AS3. Die Ticker Klasse bietet einige Eigenschaften und Methoden

Um die Geschwindigkeit einzustellen, in welcher der Event ausgeführt wird, kann man eine Framerate einstellen oder eine Intervallrate in Millisekunden. Hier wurde die Intervallrate definiert durch createjs.Ticker.setInterval(250);
Eine Framerate lässt sich folgenermaßen einstellen: createjs.Ticker.setFPS(Frames pro Sekunde);

createjs.Ticker.addEventListener("tick", myListener.bind(this));
createjs.Ticker.setInterval(250);

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

Über den Parameter der Funktion hier evt genannt, kann man verschiedene Eigenschaften abfragen.

• target: das Objekt auf den der Event registriert ist
• type: Ereignis Typ
• paused: ob der Event angehalten wurde
• delta: die Zeit, die seit dem letzten tick verstrichen ist
• time: die gesamte Zeit, seit Aufruf des Tickers
• runTime: die Zeit in Millisekunden, in welcher der Ticker nicht pausiert wurde oder anders ausgedrückt, die Laufzeit abzüglich Pausenzeit
  Wenn man wissen will, wieviel die gesamte Pausenzeit ausmacht, muss man diese runTime von der Gesamtzeit (time) abziehen
  evt.time - evt.runTime