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