Easeljs Big Canvas FPS下降

Question

我使用easeljs操作1024x768画布。

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

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

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

Answer 1

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

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

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

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

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周期，并且可能会减慢速度较慢的计算机，即使只是一点点。