HTML5 canvas Game performance vs. альтернативы [закрыто]


Я начинаю разработку игры на HTML5 с использованием canvas. Пока все идет хорошо, но у меня есть некоторые вещи, которые меня немного озадачивают, в основном связанные с выполнением такой игры. Так что вместо того, чтобы я столкнулся с кучей проблем в глубине процесса разработки, я был бы благодарен узнать это сейчас.

Я уже работал в таких языках, как OpenGL, и узнал, насколько важно представлять вещи в эффективном порядке, это то, что может дать фактор сотни лучших показателей, чем просто случайное рисование материала на экране, переключение между текстурами / шейдерами и т. д. Это то, что я должен иметь в виду с игрой на холсте, или все автоматически будет стоять в очереди и отображаться в эффективном порядке?

Это будет 2D игра, но с довольно большим количеством объектов на экране, и большинство из них динамически обесцвечивается и изменяется в яркости (фильтры). Будет ли производительность серьезной проблемой?

Что такое альтернативы, любой игровой движок javascript, который может помочь производительности? Собираюсь ли я повысить производительность, Перейдя на WebGL, даже если стандартный canvas имеет аппаратное ускорение?

1 5

1 ответ:

Да, вы получите большой прирост производительности с WebGL. Рассмотрите возможность использования превосходной системы 2D-рендеринга под названием Pixi. Он рендерит спрайты в WebGL с резервным переходом на холст.

Или вы можете создать свою собственную низкоуровневую систему визуализации WebGL sprite, используя game-shell и gl-модули. gl-now является хорошей точкой входа в эти модули. Вы можете использовать их для создания собственного игрового движка.

Phaser , является полным игровым движком HTML5, который в настоящее время имеет много тяги, и использует Pixi под капотом для рендеринга. Лучшим местом, чем Stackoverflow, чтобы обратиться за помощью по всем этим вопросам, является http://www.html5gamedevs.com .