Я начал читать о веб-технологии, доступной для создания веб-игр с использованием только Javascript, но я не знаю, где получил отзыв о SVG с HTML5. Это жизнеспособный выбор? Работает ли он хорошо по сравнению с другими методами, такими как Canvas, DOM & CSS Transformation и т. Д.
Ответы:
SVG поддерживается в HTML5; поддерживает ли браузер ваш плеер - это отдельная история.
В зависимости от ваших потребностей вы должны проверить RaphaelJS . Raphael обеспечивает SVG-подобную поддержку IE, переключаясь на VML при рендеринге для IE. Raphael предоставляет множество функций, включая анимацию и поддержку шрифтов Cufon. Это определенно стоит посмотреть.
Поскольку SVG является частью DOM, присоединить события DOM, такие как «щелчок» и «наведение», к созданным элементам SVG довольно просто. Это может сделать SVG более подходящим для дисплеев типа HUD, а не для анимации спрайтов и т. Д.
Однако вам, вероятно, предстоит много испытаний, чтобы определить относительные характеристики производительности SVG по сравнению с canvas.
Прямые манипуляции с DOM, вероятно, будут худшими из всех. Когда вы изменяете вещи в DOM, движок макета браузера будет пересчитывать макет страницы, чтобы учесть ваши изменения, что, вероятно, снизит производительность вашей игры. Если вам нужно пойти по этому пути, предпочтите CSS (особенно специфичные для CSS3 функции, такие как преобразования и ключевые кадры).
Взгляните на этот сайт, чтобы увидеть совместимость SVG. Прямо сейчас это в лучшем случае изворотливо, и я бы не рекомендовал его ни для чего, кроме тестовых демонстраций для витрин.
Не ожидайте, что люди будут использовать новейший и лучший браузер.
Я думаю, что использование SVG было бы огромной ошибкой и отпугнет ваших пользователей, когда они увидят, что что-то сломано.
Вам было бы гораздо лучше использовать Canvas. Ни один из них не поддерживается в IE, и известно, что canvas является жизнеспособной технологией для веб-игр; плюс он имеет приличную скорость рендеринга, особенно в Chrome (и, по-видимому, также в IE9, согласно ранним демонстрациям; я не пробовал это в последнее время). Если вам нужно ориентироваться на более старые версии IE и / или мобильных платформ, придерживайтесь простой старой модели DOM, которая не обладает очень хорошей производительностью, но все же приемлема для простых игр (например, Pacman ).
Короткий ответ да.
Длинный ответ,
Я все еще работаю в среде, полностью зависящей от IE6, и использовал эту замечательную библиотеку для диаграмм. (который использует VML для IE6-IE8) Я определенно люблю canvas и предпочитаю его для написания игр с js. Поэтому, если вы хотите создать игру в svg, я говорю «сделайте это», другие игры были созданы с ее использованием (см. Примеры на Raphael). Независимо от того, что вы все равно будете использовать для этого JS, так что если вы захотите перейти на canvas, это будет не так больно.