как ускорить игру html5

Question

Сделали игру с использованием HTML5 и javascript http://tweetraitor.herokuapp.com/. Теперь я хотел спросить пару вещей

1. Изображения загружаются каждый раз, когда пользователь играет в игру. Хотя я использовал img.src для загрузки изображения в начале. Почему оно не загружается из кэша?
2. Как я могу ускорить игру в целом. Пуля стрельба в основном.

Код для игровой зоны здесь. https://github.com/rohit-jain/Tweetraitor/blob/master/app/views/guests/play.html.erb

Спасибо!

Рохит Джайн

Answer 1

Для первой части вопроса я могу сказать, что вы можете попытаться кэшировать изображения в base64 в локальное хранилище пользователя.Таким образом, данные уже будут загружены на стороне клиента и не потребуют от клиента загрузки всего.

Вот блог о том, как это сделать Короче говоря, вы должны проверить, находится ли изображение в локальном хранилище

if ( localStorage.getItem('myImageId')) {

, если не сохранить его в нем

 localStorage.setItem('myImageId',image);

Answer 2

наш общий опыт работы с играми на базе HTML5 / JavaScript / CSS для Android состоит в том, что он очень медленный - у нас есть игры, которые мы используем на разных платформах (настольные ПК, телевизоры, iPhone), но для Android мы переписываем их изначально на Java .. .

Даже простые игры, такие как понг (прыгающий мяч), работают медленно даже на новых устройствах. Ситуация намного хуже, если вы попробуете это на маломощных ~ 100-150 евро устройствах от ZTE, Huawei или HTC.

Если вы найдете какое-то общее решение, мы будем рады его использовать, но я сомневаюсь, что оно есть. Не имеет значения, используете ли вы какой-то фреймворк (например, Sencha touch) или нет.

См. там также.

С уважением, Sten