Чи буде гра, написана за допомогою HTML5, працювати на смартфонах?


13

Мені хотілося б написати гру, в яку можна було б грати на смартфонах, і мені було цікаво, чи HTML5 може бути способом писати ігри для роботи над широким вибором смартфонів.

Відповіді:


17

Я щойно провів тест HTML5 :

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

Отже, як ви бачите, iPod / iPhone та Android дуже сильно поширюються і, здається, підтримують гідний спектр функцій HTML5. Полотно чудово підходить для двовимірної графіки браузера, і звуковий елемент, ймовірно, чудово підходить для відтворення фонових звуків та музики, а також дуже цікаво бачити, що обидві платформи підтримують сховище (хоча ви завжди можете просто використовувати файли cookie, залежно від розміру гра зберегти). Так що в цілому я б сказав, що ви повинні піти на це. Цифри - це не все; як сказав wkerslake "жоден з цих номерів не вселяє впевненість", але якщо ви подивитеся на те, що підтримується, то, здається, це все, що вам потрібно!

Я кажу, піди на це! Бажаю тобі удачі.

До речі, ви, можливо, захочете поспостерігати за Вантією . Це браузерна гра, яка використовує полотно для ефективного малювання. Мені довелося грати на закритій бета-версії, і він обов'язково прийшов! Розробник зараз говорив дуже мало вже понад півроку, за винятком того, що він напевно розробляє це, але просто зберігає речі дещо в таємниці.

Ви також можете отримати деякі ідеї з недавнього інтерактивного логотипу Pacman від Google . Це був не дуже HTML5, але він впевнено функціональний! Це показує, що вам насправді не потрібен HTML5 для створення гри в браузері (і я думаю, що HTML5 кидається як модна мова занадто сильно, як AJAX був або все ще є). Існує проект github із занедбаною, очищеною версією джерела, який ви можете переглядати та грати.


Мій дроїд 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
  • Сафарі на iPhone4 = 185/300

Жодна з цих цифр не вселяє впевненість


1
Ця відповідь була б кориснішою, якби вона мала щось спільне з питанням.
Джейсон Орендорф

1
Я повинен бути більш конкретним. Я не бачу, як IE8 взагалі має щось спільне з питанням. І я не думаю, що монолітний html5test загалом корисний. Питання полягає в тому, чи реалізовані деталі корисні для ігор (здається, що відповідь так) і чи можна реально очікувати, що ці ігри працюватимуть на різних телефонах (я думаю, що так).
Джейсон Орендорф

Мій досвід роботи з чим-небудь, що стосується HTML, полягає в тому, що різні веб-переглядачі завжди роблять щось трохи інакше. Навіть коли всі теоретично підтримують функцію, вони можуть підтримувати її дещо інакше. Html5test є корисним посібником для виявлення невідповідності підтримки на різних платформах. Поки ви дотримуєтесь невеликого набору параметрів, які підтримуються всіма браузерами, з якими ви плануєте працювати, то гра просто може працювати. Я просто не маю багато віри в браузери, щоб правильно скласти та / або підтримувати підтримку цих стандартів. (Див. Chrome
відміняє

Сьогодні: Chrome 10.0.648.205 ... 288 балів та 13 бонусів.
BerggreenDK

3

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

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

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

Існує також декілька бібліотек для зручності використання мобільних пристроїв. Я перерахував пару нижче:

KineticJS

Мольберт JS

QuarkJS


1

станом на липень 2012 року ви можете створювати гладкі мобільні ігри HTML5. Перегляньте це відео


0

З технічної точки зору це, безумовно, можливо. Однак є деякі проблеми / підводні камені:

  • На відкритому повітрі не так багато фреймворків, тому вам доведеться в основному писати все з нуля. Від рендерінга, до керування звуком, виявлення зіткнень. Це може бути багато роботи, залежно від того, що ви намагаєтеся зробити.
  • Вам доведеться справді добре розуміти JavaScript. Деякі звичні практики OOP не працюватимуть під час використання цієї мови. Це, мабуть, не найкращий вибір для гри з величезною кількістю коду :)
  • Не забувайте про продуктивність. Смартфони далеко не продуктивність типового настільного ПК. Вам доведеться ретельно перевірити продуктивність на різних пристроях. Це також може залежати від JavaScript-Engine (браузера), який встановлений на пристрої. Звичайно, це не лише питання HTML5.
  • Спробуйте зменшити пропускну здатність, необхідну для гри. Мобільні пристрої, як правило, мають повільніші з'єднання, а іноді люди платять за пропускну здатність, яку вони використовують. Спробуйте використовувати кешування, коли це можливо.


0

Ви можете використовувати PhoneGap Build :

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


1
Ви трохи запізнюєтесь на цьому. ;)
Камерон Фредман

@CameronFredman Тому що HTML5 було закінчено в серпні 2010 року або тому, що модератори перестали закривати подібні запитання?
День
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.