Как добиться хорошей производительности анимации, используя только веб-стандарты?

Question

Без использования Flash, как я могу сделать игру с хорошей производительностью графики, используя только веб-стандарты, желательно те, которые доступны в последних браузерах?Я посмотрел на HTML 5 Canvas и SVG, но оба они не предназначены для анимации, не так ли?Возможно ли сделать с ними небольшие анимационные эффекты?Какие библиотеки вы можете предложить?

Я также изучил WebGL, единственный API, который, кажется, имеет некоторые цели производительности, но кажется слишком большим для простых анимаций.

Answer 1

WebGL позволяет веб-контенту использовать API на основе OpenGL ES 2.0 для выполнять 3D-рендеринг на холсте HTML в браузерах, которые его поддерживают.

С MDC

Вы можете посмотреть на это . Это игра, созданная на JavaScript. На самом деле существует множество примеров для хорошего рендеринга трехмерных объектов с использованием canvas.

JavaScript, HTML5 canvas - хороший выбор для создания игры.

Answer 2

Есть способы улучшить <canvas> производительность .

Answer 3

Первоначальный спрашивающий спросил: «Я изучил Canvas HTML 5 и SVG, но оба они не созданы для анимации, не так ли?» SVG абсолютно поддерживает анимацию; среди прочего мой знакомый Дэвид Дэйли много писал на эту тему http://srufaculty.sru.edu/david.dailey/svg/.

Еще один важный момент: я часто сталкиваюсь с браузерами, которые получают только десятую или даже сотую часть графической производительности, которую они могут отобразить при незначительном изменении конфигурации, или двух http://www.htmlgoodies.com/html5/client/unleash-the-power-of-hardware-accelerated-html5-canvas.html#fbid=SlaaSNoY3Fg.

Answer 4

Как уже говорили другие, HTML5 с Javascript можно использовать для создания игр с довольно приличной графикой.Здесь есть таблица игровых движков на основе HTML5: https://github.com/bebraw/jswiki/wiki/Game-Engines

Answer 5

Вы должны оформить эту техническую беседу Google: http://www.youtube.com/watch?v=_RRnyChxijA

Докладчик говорит об использовании HTML5, клиент-серверного javascript, css и canvas.

Согласен, WebGL, вероятноИзбыток для простых анимаций.

Вот некоторые рамки анимации: http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/