Die Ticker Eigenschaft paused wird hier per Buttonklick auf true und auf false gesetzt.
In der Funktion wird diese Eigenschaft abgefragt. Wenn Sie auf false steht, erhöht sich die x Position von circle.
var circle = new lib.Kreis();
circle.x = 20;
this.addChild(circle);
createjs.Ticker.addEventListener("tick", myListener.bind(this));
createjs.Ticker.interval = 25;
function myListener(evt) {
if (!evt.paused) {
circle.x += 5;
if (circle.x > 560) {
circle.x = -10;
}
}
this.anzeige.text = "\nevt.paused " + evt.paused + "\nevt.time " + evt.time + "\nevt.runTime " + evt.runTime;
}
this.pause_btn.addEventListener("click", pauseTicker.bind(this));
function pauseTicker() {
createjs.Ticker.paused = true;
}
this.play_btn.addEventListener("click", playTicker.bind(this));
function playTicker() {
createjs.Ticker.paused = false;
}