0

こんにちは。KineticJS とステージの最適化に小さな問題があります。コンピューターでシーンをドラッグすると、スムーズに実行されます。よりローエンドのマシンを試してみると、スライドショーの王様がゆっくりと表示されます。Kinetic を初期化するコードは次のとおりです。

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 に答える