Раніше при створенні інтерактивного контенту веб-розробники спиралися виключно на Flash. Однак багато з тих пір змінилося. І хоча Flash ще живий, і найближчим часом для певних завдань йому не буде рівних, все більше і більше сайтів впроваджують 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), який побажав поліпшити свій досвід кодування.
На збірку першого билда у Шанкара пішло три з половиною тижні. У своїй роботі Шанкар використовував файли оригінальної гри. Поки проект ще далекий від завершення, і в ньому все ще залишаються вимагають доробки місця, але, тим не менш, це відмінний приклад потенціалу HTML5 для ігор.
Найкращим чином гра працює в Chrome і Firefox. Пограти можна тут.
Wolfenstein 3D
Дана реалізація гри id Software з 1992 року, була створена за допомогою javascript і елемента Canvas.
Втім, Wolfenstein 3D - це скоріше доказ спроможності концепції, ніж дійсно іграбельних проект. Так, наприклад, у охоронців відсутня інтелект - вони просто стоять і чекають поки їх пристрелять. Спробуйте самі.
На HTML були перенести і інші відомі шутери від першої особи - включаючи Doom (який був пізніше прибраний на вимогу Id Software) і Quake II.
Останню гру портувала співробітники Google, щоб показати можливості HTML5 в браузері. Гра пропонує аудіо HTML5 і рендеринг WebGL з 60fps, без плагінів. В онлайні її, на жаль, немає, але інструкції по її установці можна знайти на сторінці Google Code https://code.google.com/p/quake2-gwt-port/. Ролик геймплея гри можна подивитися нижче:
Google Pac-Man
На честь 30-ти річної річниці Pac-Man, компанія Google розробила свою першу інтерактивну гру, прийом якої виявився настільки теплим, що пошуковий гігант вирішив залишити її у себе на сайті назавжди, а не на 48 годин, як планувалося спочатку. Гра заснована на HTML5 (з опціональним використанням Flash тими браузерами, які HTML5 поки ще не підтримують).
Подібно оригінальної Pac-Man, Google запрограмувала збій в грі на 256-му рівні, хоча зараз, схоже, гра була усічена до єдиного рівня, вбудованого в лого Google. І все-таки, це відмінний приклад можливостей HTML5, заснований на культової грі 1980-х.
Cut the Rope
Хорошим прикладом сучасної гри на базі HTML5 є одна з версій Cut the Rope. Дана версія гри є настільною. Її розробка була покликана просуванню Internet Explorer 9 і кампанії ZeptoLab.
Співпраця Microsoft і ZeptoLab дозволило зробити гру в безкоштовною. Cut the Rope можна спробувати в будь-якому браузері, що підтримує HTML5, а не тільки в IE.
Нагадаю, що в Cut the Rope головним героєм є зелений монстр Ам Ням, якого вам належить годувати цукерками, обрізаючи і маніпулюючи для цього мотузками і різними предметами.
Гра надзвичайно затягує. На мобільних платформах вона була завантажена мільйони разів. Даний порт гри відмінно показує можливості HTML5. Граємо!
І так, в Angry Birds граємо