Всё о разработке и продаже HTML5 игр.

Существует множество способов создания игр на HTML5, а материалов по техническим аспектам каждого способа совсем немного, поэтому, в рамках этой статьи, я сделаю более широкий обзор разработки игр на HTML5. Почему именно HTML5? С чего начать разработку? Что делать и куда идти, когда вы в тупике? Как монетизировать и распространять свою игру? На все эти вопросы мы постараемся ответить.

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

Большая часть аудитории уже осознает важность HTML5, но я хочу ещё раз повторить почему при разработке игры стоит обратить внимание на HTML5. Если вы разрабатываете игры только для iOS, то используете язык Objective-C и в этой ситуации минусов больше, чем плюсов… но, если вы хотите, чтобы ваша игра работала на множестве платформ, ваш выбор HTML5.

В чём прелесть HTML5: пять простых ответов

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

Stage3D бъет WebGL, а также другие хорошие новости

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

1. Во-первых, японцы сравнили производительность Stage3D и WebGL, а на Хабре появился перевод: Сравнение производительности Stage3D vs WebGL или сокрушительная победа Flash.
2. Во-вторых, вышел новый релиз фреймворка Starling, а на флэшере Котяра написал о главном в нем: DropShadowFilter и GlowFilter в Starling. 
3. В-третьих, про флэш заговорили, и даже закричали молодые, красивые и умные женщины в сериалах:

Иногда я думаю о том, как флэш вернется в мобильные браузеры. Сценарий может быть таким:

1. Продажи iPhone продолжают падать (прости, Стив).
2. На рынке мобильных окончательно побеждает Samsung и устанавливает недокументированную, но реальную монополию на мобильный браузер.
3. Адоби, все это время наблюдающая за рынком и тихо допиливающая мобильный флэш-плейер, выпускает т.н. Flash Player Mobile, оптимизированный под победивший Samsung.

HTML5 \ Делаем красивое меню, курсоры, кнопки

Главное меню - это первое, что видит игрок, запустив вашу игру после загрузки. Её оформление и понятность формирует первое впечатление о вашей игре. Поэтому нельзя делать стрёмные кнопки или сплошной фон.

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

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

Сейчас мы научимся делать кнопки, курсоры, сделаем главное меню и оформим его.

Книга HTML 5 для профессиoналов.

Книга HTML 5 для профессиoналов.Мощные инструмeнты для разработoк соврeменных вeб-приложeний  позволит Вам, дорогие пользователи сайта, открыть лично для себя спектр огромных возможностей, которые предлагает HTML 5. Материал в издании автор изложил таким образом, чтобы читатель мог намного быстрее освоить все концепции, предусмотренные языком разметки HTML 5 и его родственными спецификациями. В этой книге у Вас появится прекрасная возможность ознакомиться со средствами поддержки необходимого инструмента, нaйти для сeбя oтветы на мнoгие вопрoсы , котoрые возникaют в прoцессе изучения HTML 5 и на которые не получается найти ответы в спецификациях, а также изучите типичные примеры применения. Приведенные в данной книге примеры, образцы кодов являются не просто иллюстрацией использования конкретных решений HTML , а тaкже позволяют вам пройти абсолютно все этапы, возникающие при создании полноценного веб-приложения. Эта книга скорее ориентированна на более опытных разработчиков веб-приложений, которые знакомы с прoграммированием на языкe javаscript. Помимо самой литературы в архиве находится папка с исходниками от разработчиков. Это по сути дела готовые примеры использования html5 в конкретных случаях под четко определенные цели. Вы найдете в архиве примеры использования аудио и видео , рисование с помощью canvas , готовую html форму. Также есть примеры применения геолокации(geolocation) , вебсоккета (websocket) и еще несколько интересных решений.

Ludei представила HTML5-компилятор

Компания Ludei, специализирующаяся на создании инструментов по разработке HTML5-приложений, сообщила о релизе публичной беты Ludei Cloud Compiler.
По словам президента Ludei Джо Монастьеро (Joe Monastiero), этот облачный сервис позволит девелоперам за считанные минуты превратить любое HTML5-приложение в нативное для конкретной платформы, которое затем без особых сложностей может распространяться через iTunes App Store и Google Play. Монастьеро также сообщил, что уже более дюжины подобных приложений создано при помощи их компилятора.
Ludei была основана в 2008 году. Поначалу компания и просто разрабатывала игры на базе HTML5. В ее портфолио такие тайтлы, как iBasket, Slide Soccer и Sumon. Однако затем команда переориентировалась на создание инструментов и сервисов для HTML5-разработчиков.

HTML5: Сенсоры - взаимодействие.

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

Подборка уроков по HTML5

Довольно сложно найти уроки по HTML5 (Canvas) на IS.
Восполняю этот пробел, прямыми ссылками на уроки:
Урок 1. простые объекты и события мыши.
Урок 2. Текст, анимация, шрифты, градиент.
Урок 3. Управление космич. караблём (простая игра).
Урок 4. Анимация спрайтов + звук.
Урок 5. Музыкальный синтезатор.
Урок 6. Пример игры "Танчики" на JavaScript
Урок 7. Пример игры арканойд на JavaScript
Урок 8. Добавляем физику на JavaScript (Box2D)
Урок 9. Враги и обнаружение столкновений.

Доп. урок. анимированный 3D объект на холсте в HTML5 .
Доп. урок. Создание собственной программы Paint.

Продажа HTML5 игр.

Стартап Goko представил новую платформу, призванную облегчить жизнь игровым HTML5-девелоперам.
Платформа называется так же, как и стартап – Goko. Позиционируется она в качестве сервиса, ориентированного сразу и на пользователей, и на HTML5-разработчиков. Правда, создавая ее, разработчики, в первую очередь, преследовали цель помочь небольшим командам, которые сильно ограничены в ресурсах.
«Идея состояла в том, чтобы дать независимым небольшим командам инструменты, с которыми они могли бы создавать проекты, не уступающие творениям более крупных студий», – поясняет изданию Gamasutra исполнительный директор стартапа Тед Григгс (Ted Griggs). «Компании вроде Zynga и EA обладают очень мощными внутренними сервисами и технологиями, и их они используют в своих играх. Но у маленьких компаний такого нет», а значит, нет и игр столь высокого уровня.

Новый HTML5 движок от Ludei

Вчера состоялся релиз нового HTML5-движка под названием CAAT (Canvas Advanced Animation Toolkit), позволяющего, в теории, максимально быстро разрабатывать и публиковать на маркетах игры благодаря наличию готовых фрагментов кода и большого числа библиотек.
Иными словами, используя CAAT, не надо будет программировать все с нуля, – в пакет включен целый ряд готовых решений.
Сами авторы CAAT из компании Ludei, ответственные также за создание игровой девелоперской платформы под HTML5 – CocoonJS, называют свой движок, который построен на Javascript, многоступенчатым сценаграфическим менеджером, который упрощает работу с игровыми объектами, матрицами, циклами и сценами.
Исходный код нового инструментария является открытым, так что его могут под себя модифицировать разработчики как iOS, так и браузерных, и мультиплатформенных приложений. Авторы движка заявляют, что CAAT является чем-то вроде финальной ноты в их наборе игровых инструментов по разработке на HTML5. Последний, к слову, также включает уже упомянутый CocoonJS, оригинальный движок по монетизации и облачный компилятор.

Fluid UI: прототипирование мобильных интерфейсов

Fluid UI - очень удобное HTML5-приложение для создания прототипов мобильных интерфейсов в браузере (Chrome или Safari). Буквально за пару минут можно сделать приличный набросок.




Поддерживает жесты, действия на прикосновения, драг-н-дроп, переходы между страницами, дублирование шаблона на несколько страниц, библиотеки iPhone и Android, загрузку пользовательских изображений и скриншотов. Ссылку на созданный дизайн можно быстро отправить коллеге или протестировать на мобильном устройстве. Можно экспортировать в PDF, HTML или графический формат.

Боевые мехи – на HTML5

В рамках состоявшейся на минувшей неделе конференции Google I/O компания Electronic Arts продемонстрировала интересный проект Strike Fortress. В эту кроссплатформенную социальную игру в жанре  action/strategy , разрабатываемую на базе технологии HTML5, могут  одновременно играть пользователи PC и мобильных устройств на базе Android.

В технологической демо-версии, показанной на конференции, использовался движок Pterosaurus, обеспечивающий графику в полном 3D. По характеру геймплея Strike Fortress чем-то напоминает известную игру League of Legend, естественно, совершенно в ином сеттинге.

Обзор приложений для создания анимации в HTML5: Adobe Edge, Sencha Animator, Tumult Hype

Многообещающая среда HTML5 довольно сложна и требует детального изучения. Однако существуют специализированные приложения, способные значительно упростить задачу по созданию анимированного контента разработчику любого уровня. В этом материале мы рассматриваем три таких программы: Adobe Edge, Sench Animator и Tumult Hype.

FLAC-декодер на Javascript

Ребята из Official.fm Labs задумали совершить настоящую звуковую революцию в вебе: две недели назад они выпустили FLAC.js — декодер аудиофайлов формата FLAC (Free Lossless Audio Codec), а также Aurora.js — фреймворк на CoffeeScript для простого подключения декодеров и создания веб-приложений, работающих со звуком. Таким образом, через Web Audio API теперь можно слушать музыку в идеальном качестве, и все веб-приложения могут обращаться к звуковой карте стандартным образом.





JavaScript уже так могуч, что браузер декодирует звук, потребляя менее 5% ресурсов CPU. Можно представить, какие крутые звуковые редакторы, миксеры и прочие аудиоприложения появятся в вебе в ближайшее время.

Вышел номер журнала MSDN Magazine на русском языке за май

  
На странице MSDN Magazine опубликован перевод номера журнала за май 2012
Основные материалы номера

• Более сложная функциональность шаблонов JsRender
• Поговори со мной, часть 3: встречайте психотерапевт
• hМультимодальная коммуникация с использованием Kinect
• Управление сложностью решений на основе генерации кода по шаблонам T4
• Введение в инфраструктуру Navigation for ASP.NET Web Form
• Что нового в области разработки мобильных приложенийt
• Применение HTML5 для создания мобильных приложений
• Разработка HTML5-приложений Windows Phone с применением Apache Cordova
• Создание медиа-приложений для Windows Phone
• Исследуем потенциал WebSockets

 Всем хорошего вечера и увлекательного программирования!

Wooga: еще не время для HTML5

Немецкая игровая студия Wooga, занимающаяся разработкой мобильных и социальных проектов под Facebook, рассказала о своем опыте работы с HTML5, заодно открыв исходники к Pocket Island.
Если кратко, то опыт у авторов Diamond Dash с HTML5 отрицательный. Как говорится, не срослось.
В мае 2011-ого к Wooga обратилось руководство Facebook. Они попросили сделать социальный HTML5-проект для запуска на мобильных платформах. И уже к октябрю он — Magic Land Island — был запущен.

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

Icenium: кросс-платформенная облачная среда для создания мобильных приложений

 

Icenium – это совершенно новая интегрированная облачная среда (integrated cloud environment — i-c-e — Icenium) для разработки мобильных приложений. Сервис, который является продуктом подразделения Telerik, только что вышел на стадию приватного бета-тестирования и находится в поиске разработчиков, желающих опробовать его. Первоначально Icenium фокусируется на создании iOS и Android приложений, а позже надеется перейти к другим мобильным платформам, и, в конце концов, к серверам и десктопам.

Mozilla Shumway — open source конвертер SWF в HTML5

Под аккаунтом Mozilla на github стартовала разработка open source проекта Shumway — это технологический эксперимент, в рамках которого исследуются возможности рендеринга SWF без использования нативного кода, то есть средствами HTML5 и JavaScript.


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

Bomberman Online 450 игроков на одной карте. Отчёт и детали игрового движка

Как и обещали в топике-анонсе нашей игры, выкладываем отчёт о хабраэффекте и детали игрового движка.

HTML 5 за 10 минут

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