Гри на HTML5


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

Так, для HTML5 медіа представив три елемента і пов'язаних з ними API. До їх числа увійшов елемент audio, який дозволяє розробникам додавати в документ або додаток аудіо. Далі слід елемент video для відео без малоприємних тегів і embed object, і елемент canvas і API, що надають двомірну поверхню для малювання, яку можна використовувати для всього, від простої анімації до складних ігор.

І хоча на фіналізацію специфікацій HTML5 піде ще якийсь час, специфікації стандарту вже відносно стабільні і знаходять застосування. Нові версії всіх великих браузерів в значній мірі підтримують HTML5. За даними ж MeFeedia, майже 80% всіх відеороликів у Веб кодовані в H. 264, що означає, що їх можна надавати за допомогою тега HTML5 video - хоча за певних причин (реклама і захист від копіювання) вони поки що не завжди надаються допомогою HTML5.

Що ж стосується ігор, то вже зараз існує кілька вражаючих зразків, які легко можуть конкурувати з іграми на Flash. Ми зробили для вас невелику підбірку старих класичних і сучасних ігор, заснованих на HTML5 та інших відкритих веб-стандартах, які дадуть вам уявлення про близькому майбутньому.

Command & Conquer: Tiberian Dawn

Command & Conquer - класична стратегія реального часу – переродилася на HTML5 силами розробника - Адатья Раві Шанкара (Aditya Ravi Shankar), який побажав покращити свій досвід кодування.

Command & Conquer: Tiberian Dawn

На збірку першого білду у Шанкара пішло три з половиною тижні. У своїй роботі Шанкар використовував файли оригінальної гри. Поки проект ще далекий від завершення, і в ньому все ще залишаються потребують доробки місця, але, тим не менш, це відмінний приклад потенціалу HTML5 для ігор.

Найкращим чином гра працює у Chrome і Firefox. Пограти можна тут.

Wolfenstein 3D

Дана реалізація гри id Software з 1992 року, була створена за допомогою javascript і елемент Canvas.

Wolfenstein 3D

Втім, Wolfenstein 3D – це скоріше доказ спроможності концепції, ніж дійсно відтворюватися проект. Так, наприклад, у охоронців відсутній інтелект – вони просто стоять і чекають поки їх пристрелять. Спробуйте самі.

HTML були портіровани та інші відомі шутери від першої особи – включаючи Doom (який пізніше був прибраний на вимогу Id Software) і Quake II.

Останню гру портувати співробітники Google, щоб показати можливості HTML5 в браузері. Гра пропонує аудіо HTML5 і рендеринг WebGL з 60fps, без плагінів. В онлайні її, на жаль, немає, але інструкції по її установці можна знайти на сторінці Google Code http://code.google.com/p/quake2-gwt-port/ . Ролик геймплея гри можна подивитися нижче:

Google Pac-Man

На честь 30-ти річної річниці Pac-Man, компанія Google розробила свою першу інтерактивну гру, прийом якої виявився настільки теплим, що пошуковий гігант вирішив залишити її у себе на сайті назавжди, а не на 48 годин, як планувалося спочатку. Гра заснована на HTML5 (з опціональним використанням Flash тими браузерами, які HTML5 поки ще не підтримують).

Pac-Man

Подібно до оригінальної Pac-Man, Google запрограмувала збій у грі на 256-му рівні, хоча зараз, схоже, гра була урізана до єдиного рівня, вбудованого в лого Google. І все-таки, це відмінний приклад можливостей HTML5, заснований на культової грі 1980-х.

Cut the Rope

Хорошим прикладом сучасної гри на базі HTML5 є одна з версій Cut the Rope. Дана версія гри є настільною. Її розробка була покликана просування Internet Explorer 9 і кампанії ZeptoLab.

Cut the Rope

Співпраця Microsoft і ZeptoLab дозволило зробити гру безкоштовною. Cut the Rope можна спробувати в будь-якому браузері, що підтримує HTML5, а не тільки в IE.

Нагадаю, що у Cut the Rope головним героєм є зелений монстр Ам Ням, якого вам належить годувати цукерками, обрізаючи і маніпулюючи для цього мотузками і різними предметами.

Гра надзвичайно затягує. На мобільних платформах вона була завантажена мільйони разів. Даний порт ігри відмінно показує можливості HTML5. Граємо!

І так, у Angry Birds граємо ;)