Игры на html5: Пишем HTML5-игру за 20 минут, или введение в Phaser framework / Хабр

Наши самые популярные категории включают

Мы включаем значительное количество игр всех видов, которые вы можете себе представить. Наши самые известные категории HTML-игр:

Вы не знаете, с чего начать? Затем вы должны просмотреть различные категории, представленные на главной странице, или выбрать любой из представленных ниже популярных жанров.

Помимо упомянутых выше классификаций, во время вашего запроса вы обнаружите гораздо больше, такое огромное количество, и найдете свой лучший выбор.

Об играх4HTML5

Games4HTML5 считается создателем великой игры, создавая и распространяя изобретательные, неуважительные, захватывающие бесплатные игры для девочек и мальчиков всех возрастных групп в течение длительного времени. Скорее всего, мы сделаем идеальную онлайн-площадку. Он полностью бесплатен и открыт для всех платформ.

Как играть?

Для того, чтобы играть в любые игры на Games4HTML5, игрокам не требуется ни регистрации, ни сборов.

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

Мы очень ценим возможность предоставлять нашим пользователям уникальные и полезные игры, чтобы они оставались интересными. Таким образом, если вы ищете бесплатные игры для девочек или хотите немного выпустить пар, не бойтесь наслаждаться всем, что мы предлагаем, и возвращайтесь, чтобы играть в новые потрясающие игры каждый день.

Подробнее о разработке игр на HTML5

27 июля 2020

Для людей, которые выросли, играя в игры в Интернете, и продолжают играть в них сегодня, роль технологий HTML5 нельзя недооценивать. Они предоставили нам некоторые из первых игровых впечатлений, которые не исходили от дисков, и позволили нам рассматривать Интернет как нечто большее, чем просто место для поиска и обмена информацией.Удивительные веб-игры, такие как Runescape, Bejeweled, QWOP и Agario, возникли из Интернета, прежде чем перейти на другие платформы, и бурный рост этой индустрии продолжается и сегодня.

Game-Ace считает, что разработка игр на HTML5 очень проста и удобна во многих аспектах, и хочет поделиться причинами, по которым она нам так нравится.

Наш взгляд на состояние разработки веб-игр

Некоторые люди настолько привыкли играть в мобильные и консольные версии, что думают, что веб-игры ушли в прошлое, но они не могут быть дальше от истины. Веб-заголовки все еще разрабатываются тысячами и пользуются миллионы, что поддерживается многомиллионной базой пользователей таких сайтов, как Itch.io, Miniclip и Newgrounds. Кроме того, высокий спрос побуждает сотни студий активно нанимать разработчиков HTML5.

Наш подход к развитию

HTML5-игры традиционно запускаются в веб-браузерах, поэтому любая разработка в этой сфере должна опираться на веб-технологии. В предыдущем стандарте HTML заголовки на основе Flash были чрезвычайно популярны, но в конечном итоге их затмил Javascript.Как и большинство других компаний в этой отрасли, мы используем комбинацию HTML5, CSS и JS для создания наших онлайн-релизов, а также различного программного обеспечения для разработки игр HTML5.

Узнайте, какие языки мы используем для разработки любых других типов игр.

Каждый проект включает в себя разный набор графики, механики и целей, поэтому инструменты, используемые для их создания, также различаются. Например, с точки зрения Javascript Phaser — самый популярный выбор с множеством шаблонов, подходящих для мгновенных игр Facebook и классических типов игры.Большинство 2D-игр можно создать с помощью простого программного обеспечения, такого как Stencyl или Cocos2D, которое многие считают лучшим игровым движком HTML5. Для 3D-релизов обычно требуются более мощные движки, такие как Unity или Unreal Engine. Однако стоит отметить, что одного программного обеспечения недостаточно для создания программного обеспечения — вам также необходимо знать, как создавать игры с использованием HTML5.

Почему нам нравится разработка игр на HTML5

1. Развлечения, доступные всем пользователям

Одним из важнейших аспектов этого типа разработки является кроссплатформенность.Как только вы создадите приложение и развернете его в Интернете, оно будет мгновенно доступно на всех устройствах. Поскольку эти приложения запускаются в вашем веб-браузере и используют Javascript (распознаваемый почти всеми современными устройствами), вы можете получить одинаковый общий опыт независимо от того, работаете ли вы с мобильным телефоном, ПК или планшетом. Тот же принцип бесплатного доступа применяется к разным операционным системам (Windows, iOS, Android, Linux и т. Д.) И браузерам (Chrome, Firefox, Opera и т. Д.).

Следует также упомянуть, что некоторые настольные и мобильные приложения созданы с использованием веб-технологий, поэтому приложение может имитировать окно браузера и запускать тот же код Javascript, что и на веб-сайте.С такой конфигурацией пользователи могут даже проигрывать свои любимые игры в автономном режиме, если они загружают программное обеспечение заранее.

2. Простота обслуживания

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

3. Нет недостатка в справочных материалах

За десятилетия существования онлайн-игр разработчики становились все более искусными в создании такого рода программного обеспечения. Соответственно, ошеломляющее количество руководств и учебных пособий стало доступным и со временем усовершенствовалось, чтобы дополнить существующие инструменты разработки игр HTML5. Таким образом, если наши специалисты сталкиваются с неожиданными проблемами в процессе проектирования, они могут прибегнуть к опыту других программистов. Более того, если мы работаем над проектом, имеющим сходство (жанр, механика, вселенная) с существующим названием, мы можем использовать само приложение и его код для справки.

4. Специалисты в хорошем состоянии

Хотя разработчики игр играют важную роль в процессе разработки, обычные программисты, знающие Javascript, могут также помочь с большими частями проекта, написанием кода и построением механики, среди множества других задач. К счастью, в нашей студии имеется хороший запас всех вышеупомянутых специалистов, и мы можем выделить множество веб-разработчиков для нескольких проектов одновременно.

5. Отличные возможности для монетизации

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

Наши услуги по разработке игр HTML5

Game-Ace — ведущая студия разработки игр HTML5 в Восточной Европе.У нас одна из крупнейших команд сертифицированных разработчиков Unity на континенте и более 20 лет опыта в проектировании и разработке. Эти факторы в сочетании с нашей неумолимой трудовой этикой и гибкими моделями сотрудничества делают нас подходящими для реализации целого ряда веб-проектов.

В качестве примера нашего недавнего веб-проекта мы можем использовать Rome Slots. Это красочный 2D-релиз, в котором механика игровых автоматов воплощена в образах, напоминающих Древний Рим. В нее играют в браузере, и игрок может делать несколько различных типов ставок, прежде чем запускать барабаны.Пользователи также могут видеть живую анимацию, которая появляется после их спинов.

Если у вас есть веб-проект, который вы хотите доверить надежному партнеру, мы надеемся, что вы рассмотрите нашу студию. Мы можем начать разговор о сотрудничестве в любое время, и все, что для этого нужно, — это сообщение или звонок. С нетерпением ждем сотрудничества с вами!

Текущее состояние и будущее игр HTML5

Браузерные игры в подавляющем большинстве разрабатываются с использованием технологии Flash, однако все чаще мы сталкиваемся с продукцией HTML5.В чем причина растущей популярности этой технологии и почему создатели игр так готовы пожертвовать Flash ради HTML5?

Ответу на этот вопрос должно предшествовать краткое объяснение: HTML5 не является языком программирования (несмотря на распространенную фразу « приложения HTML5 », игры программируются на языке JavaScript), а скорее предоставляет API для новых такие решения, как Canvas, WebGL или WebAudio , которые отвечают за важные компоненты в процессе создания игр, позволяя им запускаться в браузере.
Основа игры — Canvas , на котором, говоря в просторечии, мы рисуем; именно этот элемент делает возможным программирование графических отображений. Кроме того, благодаря WebGL , Canvas позволяет нам рисовать графику, которая аппаратно ускоряется с помощью GPU . Кроме того, WebGL, основанный на OpenGL ES 2.0 , обеспечивает двух- и трехмерные графические интерфейсы. Благодаря всем этим возможностям, HTML5 игры могут быть очень эффективными, играбельными и в то же время действительно впечатляющими.

Почему не прошить?

Внимательный читатель справедливо заметит, что подобные возможности предлагает… Flash. В таком случае зачем рассматривать использование HTML5 для создания игр? Сопоставление плюсов и минусов обеих технологий, представленное ниже, поможет ответить на этот вопрос.

HTML5

Преимущества:

• работает прямо в браузере без дополнительных плагинов;
• одна кодовая база позволяет запускать игры на любом устройстве, поддерживающем HTML5;
• позволяет создавать игры как для мобильных устройств, так и для ПК;
• обширное, динамично расширяющееся общество;
• игру не нужно устанавливать на устройство;
• предоставляет возможность создавать многопользовательские игры, используя, например, технологию WebSockets для взаимодействия клиент-сервер.

Недостатки:

• отсутствие или частичная поддержка WebGL на мобильных устройствах;
• еще неполная спецификация;
• низкая эффективность на мобильных устройствах без оптимизации.

Вспышка / AS3

Преимущества:

• зрелая технология, сильное влияние на отображение графики;
• большое количество инструментов поддержки создания приложений;
Плагин
• Flash Player, позволяющий запускать игру везде, где она доступна;
• Технология AIR, объединяющая приложения в собственные приложения для мобильных устройств и ПК.

Недостатки:

• Плагин Flash: слабая поддержка на мобильных устройствах, iOS не поддерживает Flash;
• низкая эффективность AIR на мобильных устройствах.

Итак, Flash не так страшен, как может показаться?

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

Несмотря на постоянное развитие и развитие, Flash вряд ли останется на лидирующей позиции на уровне создания браузерных и мобильных игр. Скорее всего, это будет одна из тех технологий, которые время от времени появляются на сайтах WWW.

Почему именно HTML5?

На GDC 2014 Unity Technology Conference компания, разрабатывающая популярные движки для 3D и 2D игр, представила свою новую версию. В Unity 5 плагин Unity Player, который позволяет запускать в браузере игры, разработанные на этом движке, был заменен экспортером HTML5 с использованием WebGL .

Кроме того, Epic Games долгое время работала над переходом Unreal Engine на HTML5. Его последняя версия Unreal Engine 4 также поддерживает эту технологию, что-то похожее на GameMaker , популярный редактор и движок, используемый для разработки 2D-игр.

Помимо этих продвинутых движков, создается множество фреймворков и движков , предназначенных для разработки игр строго в HTML5 / JavaScript , или инструментов, предназначенных для экспорта игр в HTML5.Некоторые из самых популярных перечислены ниже:

Pixi.js | Phaser | Construct 2 | ImpactJS | Вавилон | Турбуленц

Стоит отметить, что общество переносит библиотеки со зрелого языка Flash на язык JavaScript, что, несомненно, имеет положительный эффект: это позволяет разработчикам Flash быстрее познакомиться с HTML5. Более того, в процессе разработки игры с использованием вышеупомянутой технологии возможно использование значительного количества всех других библиотек JavaScript.

На рынке появляется все больше и больше игр HTML5, и их авторы стараются оптимизировать их для максимального количества устройств и платформ. В HTML5-игру можно играть не только на ПК, Mac и устройствах на базе Android или iOS, но и на Firefox OS, Tizen и всех остальных, поддерживающих стандарт HTML5. Это значительно увеличивает количество потенциальных клиентов.

Давайте создадим игру!

Здесь, в Merixgames , HTML5 был выбран в качестве базовой технологии.Он дает нам все основные функции, необходимые для создания игры, а наш огромный опыт программирования на JavaScript дает нам уверенность в том, что мы можем использовать их в полной мере.

Рендеринг графики

Для рендеринга графики мы используем Pixi.js , средство рендеринга 2D-графики на элементе Canvas , работающее с поддержкой WebGL, благодаря которому возможно аппаратное ускорение графики. На устройствах, для которых недоступен WebGL, средство визуализации использует только элемент холста и производит такое же поведение, как и при использовании WebGL.

Pixi.js — средство визуализации 2D WebGL с резервным вариантом холста

Физика

Более сложные игры требуют реализации физических движков . Для этого мы используем проверенные и более совершенные решения, такие как Box2D .

Частицы

Специальные эффекты в играх создаются с помощью так называемых « частиц ». Pixi предоставляет движок рендеринга частиц, благодаря которому мы можем обогатить наши игры визуальными эффектами.

Анимации

Анимации в 2D-играх обычно основаны на кадрах . Однако есть также инструменты, позволяющие создавать скелетные анимации. Во втором случае мы всегда используем редактор Spine.

В процессе разработки игр мы также используем множество других инструментов. Иногда мы используем фреймворк Phaser, который использует Pixi для рендеринга графики. Он также имеет множество возможностей и готовых функций, которые идеально подходят для разработки простых игр и создания прототипов.

При создании игр, предназначенных для мобильных устройств, стоит подумать об использовании контейнера, который «обернет» нашу игру в нативные приложения. Одним из таких инструментов является CocoonJS. Он преобразует нашу HTML5-игру в собственное приложение для конкретной мобильной платформы, благодаря чему мы получаем поддержку WebGL, более быстрый рендеринг графики на Canvas и доступ к аппаратным компонентам, таким как GPS, акселерометр и т. Д.

Skytte

Одна из наших игр, Skytte, была полностью разработана на HTML5.В этом случае мы не использовали какие-либо существующие движки, но решили написать свой собственный, который обеспечивал бы все необходимые нам функции: обнаружение коллизий, систему частиц, поддержку клавиатуры, рендеринг графики и т. Д.

Казуальная арена

Этот сайт изначально был разработан с использованием технологии Flash, а недавно был полностью переведен на WebGL и HTML5. Многопользовательские игры Casual Arena представляют собой еще один хороший пример игр HTML5, разработанных Unity.Эта технология позволяет разработчикам выпускать свои игры для браузеров и устройств Android и iOS, используя почти один и тот же код, и почти любой современный браузер правильно отображает WebGL. Обнаружение столкновений, поддержка клавиатуры, мыши и касания, системы частиц и многие другие функции предлагаются Unity и могут быть легко реализованы в проекте.

Сводка

Инструменты, представленные в этой статье, — это лишь небольшая часть большого разнообразия, доступного в Интернете.Легко найти огромную базу готовых решений, , библиотеки , , движки , и фреймворки , которые можно использовать для разработки игр HTML5 . Мы уверены, что HTML5 станет мощной платформой, а ее функциональные возможности позволят нам создавать действительно захватывающие, инновационные произведения, в которые можно будет воспроизводить напрямую через браузер.

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

Играйте в лучшие игры HTML5 онлайн прямо сейчас бесплатно

Что такое игры HTML5?

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

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

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

Преимущества HTML-игр для разработчиков и игроков

Преимущества HTML-игр на этом не заканчиваются. Большая часть того, почему эти игры популярны сейчас и у них впереди светлое будущее, заключается в том, что HTML5 является универсальным языком программирования.Он может обрабатывать многие вещи, которые обеспечивают отличные игровые возможности, такие как сложная графика, видео высокой четкости, анимация и услуги на основе местоположения. Стоит помнить, что все это происходит только с интернет-браузером.

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

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

Долгое путешествие игр HTML5

Сегодняшнее положение HTML5 как одного из ведущих языков программирования игр противоречит его медленному восхождению к славе.Впервые представленный в 2008 году, он сразу же стал потенциальным конкурентом Flash, мультимедийной платформы от Adobe, которая постепенно стала доминировать в сети после ее создания в 90-х годах.

Но HTML5 не смог сразу вытеснить Flash. Платформа Adobe, ставшая лидером в разработке онлайн-игр, позволила разработчикам легко создавать богатые 2D- и 3D-среды. Такие инновации, как Adobe Scout и Flare3D, дополнительно усовершенствовали Flash и упростили части процесса проектирования.Могут ли когда-нибудь соревноваться HTML-игры?

HTML5 игры обгоняют Flash

На самом деле могли. Начало конца Flash — и параллельный рост популярности HTML5 — наступило в 2010 году, когда в открытом письме, опубликованном в Интернете под названием «Мысли о Flash», покойный соучредитель Apple Стив Джобс выразил ряд критических замечаний по поводу Платформа. Джобс упрекал Flash в том, что это «закрытая система», не отвечающая требованиям мобильной эпохи, которая, по его словам, «связана с устройствами с низким энергопотреблением, сенсорными интерфейсами и открытыми веб-стандартами — во всех областях, где Flash не справляется.”

Джобс завершил свое письмо предсказанием, написав: «Новые открытые стандарты, созданные в эпоху мобильных устройств, такие как HTML5, победят на мобильных устройствах (и ПК тоже)». Как недавно широко разрекламировалось, Flash окончательно перестал работать в конце 2020 года, и даже Adobe признала, что его прекращение должно быть. Как и предсказывал Джобс, время HTML5, похоже, наступило, и он становится новым стандартом для онлайн-опыта, в том числе игр.

Итак, чего мы можем ожидать от игр HTML в будущем?

Будущее игр HTML5

HTML5-игр уже доступны сегодня в широком диапазоне жанров.Ролевые игры, экшн, головоломки, спорт: каковы бы ни были ваши предпочтения, существуют игры на HTML5, которые подходят для этого. Но на самом деле это только начало того, на что способна технология. По большей части существующие сегодня игры HTML5 — это казуальные игры, предназначенные для аудитории, которая хочет что-то, что они могут «выбрать и поиграть» в короткие сессии.

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

Создание нового пользовательского опыта с помощью HTML-игр

Этот союз простоты с многопользовательским геймплеем, в который добавлена ​​реальная глубина, и есть то, что действительно обещает HTML5-игры. HTML-игры могут в конечном итоге стать настолько хорошими, что игроки смогут просто открыть свой браузер и получить такой же игровой опыт, как если бы они играли в игру AAA на дорогостоящей консоли или компьютере с высокими техническими характеристиками.

HTML5 также делает возможным создание мультиигровых платформ. Согласно этой модели, у пользователей будет только одно приложение, содержащее несколько игр, каждая из которых будет легко обновляться разработчиками без каких-либо действий со стороны пользователя. Такого рода конфигурация, при которой мир контента доступен через одно удобное «суперприложение», — это то, что мы уже видели на телевидении и в видео благодаря таким сервисам, как Netflix и Youtube.

HTML5-игры: стандарт для разработки на основе

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

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

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

Игровые движки HTML5 — найдите то, что вам подходит

Изменит ли HTML5 способ создания игр?

Уилл Исткотт (Will Eastcott) — технолог по видеоиграм, который работал с EA, Sony и Activision над играми категории Triple-A, а также соучредителем PlayCanvas, технологической компании, предоставляющей облачную платформу для разработки и публикации игр HTML5.В этой статье он делится своим мнением о том, как новая технология действительно повлияет на разработчиков игр, и считает, что этот язык — отличный следующий шаг в разработке игр.

Вы, наверное, видели заголовки. «Консоли мертвы!» «HTML5 — это будущее!»

Разговоры о HTML5 часто носят сенсационный характер и, смею сказать, пристрастны. Давайте отложим все это в сторону и введем немного спокойной объективности. Вот мое взвешенное предположение: HTML5 коренным образом изменит способ создания видеоигр.Прежде чем я объясню почему, позвольте мне подвести итог сегодняшнему состоянию игры с HTML5.

За последние 30 лет мы стали свидетелями общей тенденции все более мощных аппаратных платформ в сочетании со все более совершенными стратегиями использования этого оборудования с помощью развивающейся экосистемы инструментов и языков. Стремление к гиперреальным игровым средам было неустанным, и производители консолей передают разработчикам все более мощные технологии.

Однако с развитием мобильных игр мы стали свидетелями нового явления.Геймеры исключительно хорошо отреагировали на возможность играть в более простые игры в любом месте, на любом устройстве с любым из своих друзей. Это ключевые требования пользователя сейчас. Технологии по-прежнему важны, и красиво оформленные пиксели по-прежнему имеют значение, но важнее то, что игра доступна и подключена. Что может быть доступнее и связнее, чем веб-браузер?

Так какие варианты построения такой игры? Вы можете написать его с нуля, но нацеливание на более чем одну платформу может оказаться сложной задачей для небольшой команды разработчиков.Есть Flash, хотя с каждым месяцем Flash кажется все менее привлекательным. Отступление от мобильного пространства и запутанные сообщения о стоимости лицензирования Stage3D вызвали у разработчиков серьезные негативные эмоции.

Есть, например, движки Havok Vision Engine и Unity. Эти движки обычно нацелены на браузер настольного компьютера через проприетарные плагины и мобильные устройства через встроенную сборку. А еще есть HTML5. Прежде чем окончательно погрузиться в HTML5, важно понять его сильные стороны и знать, как смягчить его слабые стороны.Рассмотрим подробнее.

Развивающийся стандарт

HTML5 не реализован. Он все еще разрабатывается группами стандартов W3C и WHATWG, поэтому поставщики браузеров отслеживают движущуюся цель. Таким образом, уровень поддержки HTML5 в разных браузерах разный. Это подробно показано на сайте caniuse.com.

Часто цитируемым примером кроссбраузерной несогласованности является звук. В настоящее время существует три различных API: API аудиоданных Mozilla, API веб-аудио Google и API JavaScript для аудиоэлементов.В последние дни Mozilla объявила о прекращении поддержки собственного API и скоро начнет работу по внедрению веб-аудио. Таким образом, очевидно, что поставщики браузеров прилагают все усилия, чтобы одновременно внедрять инновации и объединять платформу HTML5, чтобы облегчить жизнь разработчикам.

Производители браузеров согласованно стремятся предоставить новые API-интерфейсы HTML5 специально для разработчиков игр. Тремя основными примерами являются GamePad API (который может считывать ввод со всех изначально поддерживаемых планшетных устройств), Pointer Lock API (который скрывает курсор мыши и считывает необработанное движение мыши) и полноэкранный API (который может заставить любой HTML-элемент работать полноэкранный).

Все эти API-интерфейсы были согласованы и реализованы во многих браузерах за короткий промежуток времени. С их появлением такие игры, как шутеры от первого лица, внезапно стало намного проще реализовать в HTML5.

JavaScript

Кодеры очень сильно относятся к языкам программирования. Те, кто приходит из консоли, скорее всего, с подозрением отнесутся к JavaScript. Это еще один новый язык для изучения, JavaScript будет медленнее, чем эквивалентный код C ++, а стратегии оптимизации, такие как векторизация, невозможны с JS.Плюс ко всему, код игры доступен для всех в инструментах разработчика браузера.

Я думаю, что важно сослаться на утверждение Дугласа Крокфорда о том, что JS является «самым неправильно понимаемым языком программирования в мире». Для программистов на C ++ освоить JavaScript очень просто. Он синтаксически тесно связан с C ++, хотя такие концепции, как замыкания и ключевое слово this, могут потребовать некоторого привыкания.

Для тех из нас, кому не нравится жесткость и многословность такого языка, как C ++, JavaScript — фантастический динамичный язык.Мощные функции, такие как первоклассные функции, резко уменьшат объем кода, который вам нужно написать, и время, необходимое для его написания. Вероятно, что многие люди, перешедшие на JavaScript, больше не вернутся.

Производительность лучше, чем вы думаете. Во-первых, Web Workers API обеспечивает многопоточное программирование на JavaScript. Во-вторых, что более важно, движки JavaScript за последние несколько лет прошли долгий путь. Чтобы проиллюстрировать это, уже существует JS-порт физического движка Bullet с открытым исходным кодом, и, хотя производительность не является звездной, он демонстрирует, что вы можете запускать некоторые алгоритмы, очень интенсивно использующие ЦП, с приемлемой скоростью, используя JS.

Посмотрим правде в глаза — клонирование существует на всех платформах, но когда дело доходит до игр HTML5, важно иметь в виду пару вещей. Такие инструменты, как Google Closure Compiler, проделывают впечатляющую работу по оптимизации исходного кода, и изучение обфусцированного исходного кода — это не то же самое, что доступ к исходному коду. По мере увеличения размера кодовой базы становится все более непрактичным пытаться ее реконструировать. Во-вторых, если в игре должен быть сетевой компонент, большая часть кода может быть запущена на сервере, а клиент на самом деле является просто тонким визуализатором.Большая часть «ценности» скрыта на сервере.

Сравнение 2D и 3D

Один из наиболее важных вариантов при разработке игры — это будет ли графика 2D или 3D. 2D-игры HTML5 обычно используют 2D-контекст, запрашиваемый из элемента холста на странице. Все основные браузеры теперь хорошо поддерживают контекст 2D-холста, поэтому, если ваша игра основана на спрайтах, не о чем беспокоиться.

Ситуация усложняется, если вы хотите разработать 3D-игру. Единственный способ получить высококачественную трехмерную графику с аппаратным ускорением в игре HTML5 — это использовать WebGL, интерфейс JavaScript, почти идентичный OpenGL ES 2.0. Поддержка WebGL на рабочем столе сильна в Chrome и Firefox, и только Internet Explorer выдерживает. К счастью, Google Chrome Frame обеспечивает элегантное смягчение сопротивления Microsoft WebGL, и хотя Apple еще не включила WebGL в Safari по умолчанию, сейчас он доступен разработчикам.

WebGL прошел долгий путь с тех пор, как в марте 2011 года была объявлена ​​спецификация 1.0. С OpenGL ES 3.0, недавно представленным на SIGGRAPH, можно поспорить, что скоро появится соответствующая спецификация для WebGL 2.0 выпущен. Конечно, захватывающие времена для браузерных игр в 3D.