Easeljs Big Canvas FPS下降

时间:2014-01-21 14:31:46

标签: javascript performance animation frame-rate easeljs

我使用easeljs操作1024x768画布。

 <canvas id="testcanvas" height="768" width="1024"></canvas>

看看这个小提琴,http://jsfiddle.net/2TPHg/

放大html窗口并拖动矩形,查看控制台,看到我的应用程序中的fps降至40,它降至20,如何将其提升到60

1 个答案:

答案 0 :(得分:0)

嗯,你有一个对舞台的空引用,它没有正确更新。

由于舞台是全局变量,因此您无需找到它(除非您有多个舞台对象)。

您可以更新自动收报机事件监听器功能的阶段,并且仅在未暂停自动收报机时执行此操作。

通过用户与鼠标的交互暂停和取消暂停:

http://jsfiddle.net/2TPHg/4/

createjs.Ticker.addEventListener("tick", function(e) {
    if(e.paused !== true){
        stage.update();
        txt.innerHTML = createjs.Ticker.getMeasuredFPS();
    }
});

我能够获得稳定的60 fps。 请记住,即使跟踪到控制台也会占用CPU周期,并且可能会减慢速度较慢的计算机,即使只是一点点。