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

13

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

EddieC
источник

Ответы:

17

Я только что запустил тест 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 с деобфусцированной, очищенной версией исходного кода, которую вы можете просмотреть и поиграть.

Ricket
источник
Мой глобальный дроид 2 набрал 176 (из?) На html5test. Полные очки за холст.
Kzqai
И действительно, мой Droid Incredible, который теперь имеет Android 2.2, также набирает 176 баллов и не получает бонусных баллов из 300. Я добавлю это в ответ.
Рикет
Также обновленная информация о статусе Vanthia, разработчик хранит молчание, но, учитывая, что он бросил свою дневную работу над игрой, я могу только предположить, что он удивит всех нас огромным выпуском на днях. Я просто хотел бы, чтобы он был более открытым об этом.
Рикет
3

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

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

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

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

wkerslake
источник
1
Этот ответ был бы более полезным, если бы он имел какое-либо отношение к вопросу.
Джейсон Орендорфф
1
Я должен быть более конкретным. Я не понимаю, как IE8 имеет какое-либо отношение к этому вопросу. И я не думаю, что монолитные итоги html5test в любом случае полезны. Вопрос заключается в том, что части ли будут реализованы какие - либо хорошо для игр (ответ , кажется, да) и может действительно ожидать ли эти игры работать на различных телефонах (я думаю , да еще раз).
Джейсон Орендорфф
Мой опыт работы с HTML связан с тем, что разные браузеры всегда делают вещи немного по-разному. Даже когда все они теоретически поддерживают функцию, они могут поддерживать ее немного по-другому. Html5test - полезное руководство для наблюдения за несоответствием поддержки между платформами. Пока вы придерживаетесь небольшого набора опций, которые поддерживаются всеми браузерами, с которыми вы планируете работать, игра может работать. Я просто не очень верю в браузеры, чтобы правильно создавать и / или поддерживать поддержку этих стандартов. (См. Chrome, отбрасывающий существующую поддержку H264)
wkerslake
Сегодня: Chrome 10.0.648.205 ... 288 очков и 13 бонусов.
BerggreenDK
3

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

введите описание изображения здесь

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

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

KineticJS

EaselJS

QuarkJS

Вон Хилтс
источник
1

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

ben0
источник
0

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

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

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

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

user1833218
источник
1
Вы немного опоздали с этим. ;)
Кэмерон Фредман
@CameronFredman Поскольку HTML5 был закончен в августе 2010 года или модераторы прекратили закрывать подобные вопросы?
День