KineticJS Stage перетаскиваемый перфоманс

Question

Добрый день. У меня небольшая проблема с оптимизацией KineticJS и stage. При перетаскивании сцены на моем компьютере она работает гладко. Когда попробовать более недорогие машины, он появляется медленно, а некоторые король слайд-шоу. Здесь код инициализации Кинетический:

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 
    }) 
}; 

Как я могу увеличить производительность этого? Здесь test site. Нажмите «Создать игру» и напишите имя и пароль на какую-то строку, а количество игроков - целое. И вы это видите. P.S. Спасибо за помощь и извините за мой плохой английский.

Answer 1

посмотреть на кеширование. Вы можете кэшировать всю сцену прямо перед перетаскиванием. Это временно преобразует всю сцену в изображение. Вот тут на кэширование:

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