Янв
29
2012

Браузер как игровая консоль: 12 игр на HTML5

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

По мнению многих аналитиков, за последние несколько лет произошли большие и кардинальные перемены в мире браузеров и возможностей, которые дают современные технологии. Данные перемены затрагивают как разработчиков, так и простых пользователей. Браузер становится платформой, в том числе и игровой. Количество игр, написанных на HTML5, JavaScript, Canvas, SVG, WebGL и т.д. выросло в разы. Их число в магазинах приложений постоянно увеличивается. Многие крупные студии начинают присматриваться к данным возможностям. И, похоже, уже не осталось скептиков, которые бы говорили, что разрабатываемые стандарты не ждет ничего хорошего (да, находились и такие).

Мы уже неоднократно указывали, что разработчики и маркетологи компаний, занимающихся выпуском интернет-обозревателей, вплотную заняты позиционированием своих продуктов как игровых платформ (об этом можно, например, почитать в статье про рынок браузеров за 2011 год). Уже сейчас можно попробовать поиграть в 2D игры. А WebGL дает возможность запускать и 3D-приложения! В скором времени ожидается приход в тестовые и финальные версии многих API, которые только увеличат возможности для разработчиков. В первую очередь, это API джойстика, API блокировки мыши, API перехода в полноэкранный режим и т.д.

Ясно одно — в будущем нас ждут богатые возможности для реализации игровых приложений в интернет-браузерах. Однако, уже и сейчас присутствуют достойные примеры. Посмотрим на некоторые из них (какие-то примеры можно уже было увидеть в статье про 14 примеров использования WebGL).

Emberwind

HTML5 игра Emberwind для браузеров

Сайт игры: http://operasoftware.github.com/Emberwind/
Популярная мобильная игра, портированием которой с C++ на HTML5 провели в Opera Software (один из создателей игры работает в компании). В самой игре вы управляете гномом, который прилетает на различные уровни на сове и с помощью трости сражается с гоблинами и прочей нечестью. В игру можно играть во всех основных браузерах. Приветствуется поддержка аппаратного ускорения и WebGL, иначе возможна медленная работа.

Onslaught! Arena

HTML5-игра Onslaught

Сайт игры: http://play.lostdecadegames.com/onslaught_arena/demo
Забавная игра с видом сверху. В ней вы управляете маленьким человечком, который держит в руках щит с изображением иконки HTML5 (!!!). На парня без остановки нападают враги и целью игры является выживание как можно большее время. Для графики в игре используется Canvas.

Canvas Rider

браузерная игра CanvasRider

Сайт игры: http://canvasrider.com/
Canvas Rider представляет собой простую игру, в которой вы управляете гонщиком на велосипеде. Цель — проехать по склонам гор как можно дальше, не упав при этом. Одной из индивидуальных особенностей является то, что вы можете самостоятельно создавать уровни и делиться ими с другими игроками. В данной игре также используется элемент Canvas.

Tankworld

Танки на HTML5 технологиях

Сайт игры: http://playtankworld.com/
Это 3D-игра, в которой вы управляете танком и должны уничтожить всех врагов на игровом поле. В Tankworld присутствует некоторая механика, что делает ее еще интересней. Можно также создавать свои уровни и предлагать поиграть на них другим игрокам. Несмотря на то, что игра проходит в 3D-пространстве, для нее используется Canvas для графики.

The Convergence

Браузерная игра Convergence

Сайт игры: http://www.currantcat.com/convergence/
Вы управляете двумя персонажами, которые двигаются в противоположных направлениях. Цель игры — сделать так, чтобы они были вместе (персонажи, кстати, — мужского и женского пола), управляя попеременно то одним, то другим героем, манипулируя различными предметами и обходя преграды. В данной HTML5 игре также используется Canvas для графики.

Sinuous

HTML5 игра sinuous

Сайт игры: http://www.sinuousgame.com/
Создатель игры Hakim El Hattab сделал ее в качестве простого развлечения, не думая, что она станет популярной. Основная идея: вам необходимо уклоняться от пролетающих красных тел, которые со временем увеличиваются в своем количестве и скорости. Для графики используется Canvas.

Sinkhole

Браузерная игра Sinkhole

Сайт игры: http://shauninman.com/ludumdare/alone/sinkhole/
Главный герой этой horror-игры попадает под землю. На каждом уровне ему необходимо найти выход на поверхность. У него нет ничего, кроме фонарика, заряд у которого, конечно же, не безграничный. Вокруг героя из темноты появляются неизвестные, но нагнетающие ужас, существа. Если на них посветить светом — они исчезают. Если же батарея успеет сесть...

Z-Type

Клавиатурный тренажер-игра на HTML5

Сайт игры: http://www.phoboslab.org/ztype/
Приложение является не просто игрой, но и не плохим клавиатурным тренажером. На вас сверху падают объекты, над каждым из них находится слово. Вам необходимо разрушать эти объекты, набирая на клавиатуре буквы, из которых состоят эти слова.

Coil

HTML5 игра Coil

Сайт игры: http://hakim.se/experiments/html5/coil/
Еще одна игра от Hakim El Hattab. Цель — окружать синие точки в замкнутое пространство. Это дает «топливо» для дальнейшего движения.

World’s Biggest PAC-MAN

pacman на современных веб-технологиях

Сайт игры: http://worldsbiggestpacman.com/
Старый добрый PAC-MAN, но не простой. В смысле, механика игры никак не отличается от оригинала. А вот количество уровней — необычайно большое. Причем, вы сами можете создавать этапы и размещать их для всех. В данной игре также используются HTML5-технологии.

Bejeweled

HTML5 игра Bejeweled

Сайт игры: http://bejeweled.popcap.com/html5
HTML5-версия популярной игры от компании PopCap’s. Задача игрока — собрать три и более одинаковые фишки по горизонтали или вертикали. Игра использует WebGL для ускорения 2D-графики.

Angry Birds

Angry Birds для браузера

Сайт игры: http://chrome.angrybirds.com/
А как же без них! Игра, появившаяся вначале на платформе iOS и ставшая затем полноценным хитом, перебралась и в браузеры. Google совместно с Rovio запустили специальную, брендированную под Chrome версию. Ожидается также версия для Opera (скорее всего, к выходу финальной версии Opera 12).
В самой игре используется WebGL для ускорения графики.

На этом остановимся. Игр, написанных на современных технологиях сейчас, конечно, несколько больше. Да и не надо уже обладать какой-то повышенной интуицией, чтобы сказать, что это только начало развития. И дальше всех нас ждет еще большее количество разнообразных игр, с новыми возможностями и технологиями.

6 комментариев Комментировать

  • Залип на Canvas Rider и Sinkhole

  • какими му...ми надо быть, чтобы ссылки в виде текста сделать?

    • шкутер, спасибо за отзыв. Исправили. 😉

  • Я тоже сделал игру на html 5

    Можете затестить))

    http://php-include.ru/html5/game_3/index.html

    и вот ещё одна

    http://php-include.ru/html5/game_1/index.html

  • Изучаем HTML5 Canvas c нуля

    http://bifin1.blogspot.com/2012/07/html5-canvas.html

  • Вот ещё пример игры: ingames.pp.ua/games/wolf3d/

Оставить комментарий

Цитировать

Следуй за нами в твиттере!