Создание Игры Doodle Jump Для Android В Intel Xdk За 2 Часа С Использованием Javascript С Нуля

Привет, Хабр.

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

И так уж получилось, что я решил написать статью про Intel XDK, но не просто обзор возможностей, а проанализировать среду на примере вполне конкретного проекта.

Этот проект для меня стал «клоном» игры «Doodle Jump».



Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля



Часть 1. Подготовка проекта

Разрабатывать буду на JavaScript с использованием движка PointJS (если что, через минуту можно найти в Google).

Самое начало — создать новый пустой проект. В принципе, здесь все довольно просто: 2. 1. Внизу находим кнопку «Начать новый проект», а затем во вкладке «Шаблоны» выбираем «Стандартный HTML5» и нажимаем «Создать».



Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

2. Теперь хитрым щелчком перейдем к настройкам проекта (да-да, кликните по этой синей папке):

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

3. Дальше в целом логически всё понятно:

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

Поясню некоторые моменты: Идентификатор приложения — это уникальный идентификатор вашего приложения или домена компании.

Белый список — разрешенные запросы, которые приложению будет разрешено делать.

Сертификат разработчика — сертификат приложения.

Если он отсутствует, создайте его, используя раскрывающееся меню:

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

Заполните точную информацию, чтобы избежать дальнейших проблем.

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

Crosswalk Runtime — определяет, будет ли Cordova интегрирована в ваше приложение (встроенное) или нет (общее) 4. Заполняем значки:

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

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

Что касается заставки, это экраны загрузки вашего приложения, которые отображаются пользователю во время загрузки вашего приложения.

Как правило, это занимает чуть меньше 2 секунд, но за это время вы можете показать, например, логотип чего-либо или вставить рекламу.

Поскольку мы делаем игру для Android, мы отключаем другие операционки и платформы:

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

На этом мы закончили настройку приложения.

Перейдем к подготовке самого проекта.



Часть 2. Подготовка файлов

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

Подготовим проект: 1. Откройте папку проекта в ОС (Показать в ОС):

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

Затем зайдём в папку «www», это наша рабочая папка.

Удаляем из него все, и вставляем движок с файлом index.html:

Создание игры Doodle Jump для Android в Intel XDK за 2 часа с использованием JavaScript с нуля

Я скачал эти файлы с сайта PointJS. Во вкладке «Разработка» мы попадаем в (для некоторых знакомых) редактор Brackets, а в файле index.html видим следующий код: Исходный вид index.html

   

<!DOCTYPE html> <html> <head>

Теги: #JavaScript #создание игр #Android #intel xdk #JavaScript #программирование #разработка игр #HTML #разработка для Android
Вместе с данным постом часто просматривают: