Будет ли игра, написанная с использованием HTML5, работать на смартфонах?

Я хотел бы написать игру, в которую можно было бы играть на смартфонах, и хотел бы знать, может ли HTML5 быть способом написания игр для работы с широким выбором смартфонов.

Я только что запустил тест HTML5 :

• Мой iPod Touch 2-го поколения с iOS 3.1.3 набирает 125 и 7 бонусных очков из 300 в Safari. Особо следует отметить разработку игр:
  • Полные очки в Canvas! Отлично подходит для рендеринга игр.
  • Поддерживает элемент видео с форматами MPEG-4 и H.264
  • Поддерживает аудио элемент в форматах PCM, MP3 и AAC (отлично подходит для фоновых звуков и звуков!)
  • Поддерживаются сессионные и локальные хранилища, а также база данных Web SQL! (игра сохраняет файлы?)
  • Кэш приложений поддерживается; Я предполагаю, что эта функция позволит вам кэшировать файлы данных игры (изображения и тому подобное) для более быстрой загрузки. Звучит здорово для меня!
  • Нет поддержки WebGL.
  • Нет WebSocket либо; В многопользовательских играх нужно использовать что-то еще, например, опрос AJAX.
• My Droid Incredible с ОС Android 2.1 (+ Sense UI) набирает 151 балл и не получает бонусных баллов из 300 в своем встроенном браузере. Опять же, особого внимания:
  • Полная поддержка Canvas
  • Элемент видео поддерживается, но все четыре кодека имеют X. Интересно, в каких форматах он может воспроизводиться?
  • аудио элемент, то же самое, что и видео - поддерживается, но все форматы имеют X.
  • Сеанс и локальное хранилище, а также база данных Web SQL поддерживаются
  • Кэш приложений поддерживается
  • Нет WebGL или WebSocket
  • Поддерживаются веб-работники, которые не поддерживаются на моем iPod; это может быть полезно при разработке игр для вещей, которые действуют параллельно - возможно, ИИ?
• Редактировать 2011/1/18: My Droid Incredible теперь имеет Android 2.2 и получает 176 из 300. Чальвак (в комментариях) получил тот же результат со своим Droid 2, так что, похоже, это обычное явление для браузера Android 2.2. Я также попробовал браузер Opera Mobile, который получил ужасные 72 (без бонусных баллов) из 300, но полностью поддерживает canvas!

Как вы можете видеть, iPod / iPhone и Android очень похожи друг на друга и, похоже, поддерживают приличный набор функций HTML5. Canvas отлично подходит для двумерной браузерной графики, а аудиоэлемент, вероятно, подойдет для воспроизведения фоновых звуков и музыки, и очень здорово видеть, что обе платформы поддерживают хранилище (хотя вы всегда можете просто использовать файлы cookie, в зависимости от размера файла). игра сохранить). В общем, я бы сказал, что вы должны пойти на это. Числа не все; как сказал wkerslake, «ни одно из этих чисел не внушает доверия», но если вы посмотрите на то, что поддерживается, это, кажется, все, что вам нужно!

Я говорю пойти на это! Я желаю вам удачи.

Кстати, вы можете следить за Вантией . Это браузерная игра, в которой для эффективного рисования используется холст. Я должен был сыграть в закрытую бета-версию, и это было обязательно! Уже более полугода разработчик говорит очень мало, за исключением того, что он определенно разрабатывает его, но просто хранит некоторые секреты.

Вы также можете получить некоторые идеи от недавнего интерактивного логотипа Google Pacman . Это был не очень HTML5, но он был функционален! Это показывает, что вам на самом деле не нужен HTML5 для создания браузерной игры (и я думаю, что HTML5 слишком часто используется как модное слово, так же, как AJAX был или остается). Есть проект github с деобфусцированной, очищенной версией исходного кода, которую вы можете просмотреть и поиграть.

HTML5 далек от повсеместной поддержки даже в веб-браузерах на ПК, а тем более в телефонах.

Эти цифры основаны на html5test

• IE8 на ПК = 27/300
• Chrome 5.0.375.125 на ПК = 197/300
• Safari 4.0.4 на ПК = 207/300
• Safari на iPhone4 = 185/300

Ни одно из этих чисел не внушает доверия

Это может показаться немного запоздалым, но я хотел бы представить обновленную информацию о ситуации для HTML5 и мобильных браузеров, когда прошло некоторое время. В последнее время разработано довольно много игровых движков, которые будут выпускать игры, совместимые с HTML5 (см. Construct 2 и Game Maker Studio ). И то, и другое обеспечивает нормальную производительность, но на некоторых платформах были заметные проблемы с физическими расширениями и быстро движущимися объектами. iOS по-прежнему занимает лидирующее положение, когда речь заходит о производительности, но Android прошел долгий путь с последними сборками Chrome. Следует отметить, что браузер Dolphin на Android также увеличивает производительность HTML5 даже на 100%! Вы можете увидеть быстрое сравнение для теста ниже:

Если вы хотите , чтобы сделать ручную оптимизацию, есть некоторые большие советы перечислены здесь . Кроме того, поскольку игры на HTML5 становятся все более популярными и разрешены на таких сайтах, как Kongregate и ранее на других флеш-эксклюзивных игровых порталах, нет никаких оснований бояться больше писать игры на основе HTML5 для мобильных устройств.

Также существует несколько библиотек для удобства использования на мобильных устройствах. Я перечислил пару ниже:

KineticJS

EaselJS

QuarkJS

по состоянию на июль 2012 года вы можете создавать плавные мобильные HTML5-игры. Проверьте это видео

С технической точки зрения это, безусловно, выполнимо. Есть некоторые проблемы / подводные камни, хотя:

• Открытых фреймворков не так много, поэтому вам придется писать все с нуля. От рендера до обработки звука, обнаружения столкновений. Это может быть много работы, в зависимости от того, что вы пытаетесь сделать.
• У вас должно быть действительно хорошее понимание JavaScript. Некоторые обычные методы ООП не будут работать при использовании этого языка. Вероятно, это не лучший выбор для игры с огромным количеством кода :)
• Не забывайте о производительности. Смартфоны далеки от производительности типичного настольного ПК. Вам придется тщательно тестировать производительность на разных устройствах. Это также может зависеть от JavaScript-движка (браузера), установленного на устройстве. Конечно, это не только проблема HTML5.
• Попробуйте уменьшить пропускную способность, необходимую для игры. Мобильные устройства обычно имеют более медленные соединения, и иногда люди платят за используемую ими полосу пропускания. Попробуйте использовать кеширование, когда это возможно.

Нашел хороший пост об iPad и HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

Также я бы избегал рисовать тяжелые холсты на iPad, по некоторым причинам он кажется довольно медленным.

Вы можете использовать PhoneGap Build :

Просто загрузите zip-файл с кодом HTML5, и он предоставит вам приложение для: Android, iOS, winphone, Blackbarry, Symbian ..ecc ..