Разработка игрового приложения с использованием Phaser.js и Ionic (медленный/дрожащий рендеринг)

Просто чтобы вы знали (в случае, если кто-то хочет развиваться).

Я разработал игровое приложение, используя Phaser.js. Я как бы помещал код в приложение Ionic blank starter. Таким образом, в основном представление отображается с помощью приложения Ionic, а затем Phaser выбирает div по id и отображает игру.

Проблема:

Это простой клонированный клоун. Его работа отлично, но движение блоков немного шаткое (как будто они дрожали). Поскольку Phaser использует WebGL, может ли это быть причиной медленного рендеринга или связано с ионным каркасом (/angularjs)?

Должен ли я использовать некоторые другие инструменты для создания игрового приложения?

Спасибо заранее.

Изменить:

Вы можете проверить код здесь: https://github.com/vamshisuram/ionic-flappybird-clone.git Я загрузил весь код в Git. Итак, я думаю, вы можете напрямую установить платформы /ant -build/Hello-Cordova-debug.apk на свой мобильный телефон и протестировать его. Или попробуйте снова создать и установить.

Ответы

Ответ 1

Вы можете заставить его работать. НО... нет поддержки WebGL на любом устройстве Android, использующем веб-просмотр (Ionic использует Cordova для упаковки приложения, которое затем запускается внутри веб-обозревателя на устройстве): http://caniuse.com/#feat=webgl

Phaser.js построен поверх Pixie.js, который вернется к рендерингу 2D-холста. Вот почему ваша игра работает медленно.

Если вы хотите использовать Ionic и WebGL, вы должны создать свое приложение с помощью CrossWalk. Я сделал это, и это потрясающе: https://crosswalk-project.org/

Есть другие варианты, такие как CocoonJS, чтобы получить WebGL, но я не использовал их сам.