0

下午好。我对优化 KineticJS 和阶段有一个小问题。在我的电脑上拖动场景时，它运行流畅。当尝试更低端的机器时，它会慢慢出现一些幻灯片的王者。这里初始化动力学的代码：

this.stage = new Kinetic.Stage({
    container: WF_Config.gameWindowId,
    width: $(stageContainerDOM).width(),
    height: $(stageContainerDOM).height(),
    draggable: true,
    //TODO: test on other browsers. I really not understand what it's doing :)
    dragOnTop: false,
    scale: {
        x: 1,
        y: 1
    }
});
this.layers = {
    //Listen for events only for ground cells
    ground: new Kinetic.Layer(),
    grid: new Kinetic.Layer({
        listening: false
    }),
    buildings: new Kinetic.Layer({
        listening: false
    }),
    tooltip: new Kinetic.Layer({
        listening: false
    })
};

我怎样才能提高这个性能？这里是测试站点。单击创建游戏并写入名称和密码一些字符串和一些整数的玩家计数。你看到了这一点。PS感谢您的帮助，并为我的英语不好感到抱歉。

4

1 回答 1

0

看看缓存。您可以在拖放之前缓存整个舞台。这会暂时将整个舞台转换为图像。下面是关于缓存的小知识：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/

于 2013-05-19T03:18:21.280 回答