Skip to content

Ticker

Jump to bottom
何波 edited this page Mar 3, 2019 · 13 revisions

Ticker

framerate

帧频，framerate == 1000/interval

createjs.Ticker.framerate = 10

interval

指示每次ticks的间隔时间（毫秒）。默认值为50（20 fps）。请注意，根据CPU负载的不同，ticks之间的实际时间可能会超过指定的时间。如果使用RAF计时模式，则忽略此属性。

maxDelta

定Tick事件对象中Delta属性的最大值。这在构建基于时间的动画和系统时很有用，以防止由后台选项卡、系统睡眠、警报对话框或其他阻塞例程造成的大时间间隔引起的问题。预期帧持续时间的两倍通常是一个有效值（例如，当以40fps运行时，maxdelta=50）。

paused

When the ticker is paused, all listeners will still receive a tick event, but the paused property of the event will be true. Also, while paused the runTime will not increase. See tick, getTime, and getEventTime for more info.

createjs.Ticker.addEventListener("tick", handleTick);
createjs.Ticker.addEventListener("tick", handleTick);
createjs.Ticker.paused = true;
function handleTick(event) {
  console.log(event.paused)
  console.log(createjs.Ticker.getTime(false)) // 增长
  console.log(createjs.Ticker.getTime(true)) // 不增长
}

timingMode

createjs.Ticker.framerate = 10
// createjs.Ticker.timingMode = createjs.Ticker.TIMEOUT; // 默认是这种模式

// 如果timingMode = createjs.Ticker.RAF,则忽略上面的framerate; fps = 60;
createjs.Ticker.timingMode = createjs.Ticker.RAF

// 如果要用上面的framerate生效必须用RAF_SYNCHED, 最好createjs.Ticker.framerate设为10, 12, 15, 20, 30中的一个值，不然会有性能问题
createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED

getTime( [runTime=false] ) Number static

返回自Ticker通过Ticker/Init初始化以来经过的毫秒数。如果ticker尚未初始化，则返回-1。例如，您可以在时间同步动画中使用它来确定所经过的确切时间量。

参数如果为true，则只会返回未暂停Ticker时经过的时间。If false, the value returned will be total time elapsed since the first tick event listener was added.

getMeasuredFPS ( [ticks] ) Number static

Returns the actual frames / ticks per second.

The actual frames / ticks per second. Depending on performance, this may differ from the target frames per second.

Clone this wiki locally