Лучшие движки для создания игр. 7 бесплатных вариантов

Человек — оркестр

Разработка полноценной игры с нуля в одиночку — сложная, долгая, но выполнимая задача. Главное отличие человека-оркестра от моддера-одиночки — создание игрового проекта без использования сторонних ассетов. Моддер, чаще всего, не выпускает свой проект на платной основе без согласия правообладателя первоисточника, а потому волен использовать сторонние модели и текстуры. У разработчика-одиночки есть только среда разработки, а все остальное приходится делать ручками (либо покупать готовые материалы у фрилансеров).

The Stanley Parable создавалась как бесплатная модификация на Source

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

GameMaker: Studio 2 стал проще и удобнее для новичков, а ветеранам добавил больше возможностей для творчества

В наше время начать разработку куда проще, чем это было десять лет назад, благодаря большому количеству доступных движков для игр любого жанра. И раз уж мы заговорили о 2D, то стоит начать с самого популярного «конструктора» — GameMaker. Шведский разработчик Ю́натан Сёдерстрём (Jonatan Söderström) никогда не учился программированию, но страстно желал разрабатывать собственные проекты. На просторах интернета он нашел конструктор видеоигр GameMaker 7 и приступил к его изучению. Он не зацикливался на заработке, не тратил сотни часов на шлифовку, но выпускал свои психоделические творения в общий доступ. Затем смотрел на отзывы игроков, общался с другими разработчиками, перенимал опыт и садился за новый проект. В 2012 году он использовал все полученные знания и сел за разработку Hotline Miami, которая стала настоящим хитом — а за одно популяризировала GameMaker для других разработчиков. Конструктор видеоигр удобен и прост в освоении. Пары небольших проектов хватит, чтобы ваши навыки в геймдеве существенно подросли.

Downwell, Minit, Katana Zero, Peace, Death!, The Red Strings Club — инди-игры, созданные на GameMaker. Они подарили своим разработчикам сотни часов бесценного опыта

В интернете полно «конструкторов игр», на каждом можно сделать запоминающийся проект, даже обладая нулевыми знаниями в программировании. Джошуа Нюрнбергер (Joshua Nuernberger) в одиночку разработал нуар-квест Gemini Rue в Adventure Game Studio. На создание игры ему потребовалось несколько лет, дополнительное изучение языка С+ и освоение пиксель-арта. Как итог: высокие оценки прессы, несколько наград, хороший издатель и порт на iOS. Кан Гао (Kan Gao), основатель Freebird Games, разрабатывает игры на RPG Maker XP. Его самый значимый проект — To the Moon.

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

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

Чтение, видеоуроки, практикумы, специальные приложения или вебинары — методы желательно комбинировать. Главное понять основы и правила работы с кодом.

Лукас Поуп (Lucas Pope) разработал в одиночку Papers, Please на OpenFL

Джонатан Блоу (Jonathan Blow) — один из первых программистов, доказал всему миру, что инди-игры, написанные одним человеком, способны конкурировать со студийными проектами как в продажах, так и в популярности.

Выход Braid в 2008 году произвел эффект разорвавшейся бомбы, вдохновляя творцов и интровертов на разработку собственных игр. И понеслось: Papers, Please от Лукаса Поупа, Stardew Valley от Эрика Бэроуна, The Stanley Parable от Дэви Ридена, Undertale от Тоби Фокса и, конечно, самый успешный продукт на сегодняшний день — Minecraft Маркуса Перссона (Markus Persson). Примечателен тот факт, что эти игры создавались не ради прибыли, а как способ самовыражения.

Дополнительные программы, которые нужны для создания игр

2D графика

• Adobe Photoshop — лидер индустрии. С помощью данного софта можно разрабатывать дизайн персонажей, создавать фоны, заниматься практически любой обработкой графических файлов. Adobe Photoshop позволяет ускорить создание 2d игры на Unity или другом движке.
• Adobe Illustrator — мощный инструмент для создания и редактирования векторной графики. Активно применяется для управления цветом, текстом, подходит для создания браузерных игр и других, которые не требуют трехмерной графики.
• CorelDRAW Graphics Suite — самая старая программа для работы с векторной графикой. Обеспечивает трассировку растровых изображений в вектор, оснащена плагинами для редактирования фото в RAW-формате, обладает инструментами «динамика», «тень блока» и другими.

3D графика и анимация

• Autodesk Maya — мощный редактор трехмерной графики и анимации, который применяется не только в игровой индустрии, но и на телевидении, в кинематографе и других сферах.
• Blender — профессиональный редактор, который предоставляется на бесплатной основе. Используется в кино, а также для создания игр.
• Cinema 4D — программа для работы с 2D и 3D графикой. Имеет большое количество модулей и пакетов, поддерживает создание игр на питоне, C++, Xpresso.

Звуковое сопровождение

• Audio Design Desk — обладает библиотекой из более чем 20 тысяч встроенных звуков, которые отсортированы по категориям (выстрелы, шаги, удары). Позволяет создавать собственные эффекты на основе готовых сэмплов.
• FL Studio — редактор-секвенсор, который позволяет создавать треки, используя эффекты из встроенной базы, а также сгенерированные в другой программе. Для русскоязычных пользователей использование данной программы особенно актуально, так как на YouTube имеется большое количество качественных обучающих видео.
• Audacity — редактор для захвата и обработки аудиопотока. Обладает мощной и эффективной системой удаления шумов. Используется для записи и обработки речи с последующим переносом в другие редакторы.

Альтернативные движки

Я понимаю, что в настоящее время существуют инди-игры всех жанров на любой вкус (и это на самом деле хорошо), но мы под инди-играми в данном контексте подразумеваем маленькие, двумерные, ориентированные на мобильные устройства, созданные соло-разработчиком творения (которых преобладающее большинство), поэтому использовать Unity, UE4 для создания прототипов будет неоправданно сложно. Существует широкий выбор альтернативных движков, они проще в использовании и позволяют достигать впечатляющих результатов за меньший срок, минус спецэффекты, которые инди бы все равно не стал помещать в свою игру. Порой для создания полноценной игры под все платформы эти движки не требуют написания кода. Особенно меня продвинуло на тему альтернативных движков после участия в московской конференции разработчиков видеоигр White Nights 2017, прошедшей в октябре. Я подходил к инди-разработчикам, демонстрирующим свои проекты, и расспрашивал об используемом инструментарии. Во многих случаях они называли вовсе не Unity, а Construct 2 или GameMaker Studio.

Оба продукта представляют собой конструкторы двумерных игр, не требующие умения программировать (!). В Construct 2 игру создаешь, определяя игровые события и реакцию на них. Итоговые игры портируются под все распространенные платформы. Прога идет с подробной документацией, большим количеством примеров и теймплейтов, так что освоить ее несложно. Покупать советую в Steam, там ее стоимость за персональную версию составляет 6399 рублей.

Как самому создать игру. Construct 2 с открытым проектом

GameMaker Studio представляет собой популярный конструктор игр с двумя возможностями построения игры (подобно UE4): первая — методом drag and drop, вторая — писать код на собственном языке системы. В зависимости от целевой платформы игры, созданные с помощью GameMaker Studio, визуализируются с помощью OpenGL или DirectX с использованием соответствующих шейдерных технологий. Для обработки физики есть поддержка движка Box2D. Поддерживается широкий ряд устройств ввода. Десктопная версия в Steam стоит 1599 рублей, экспортеры для других платформ надо докупать: так, экспортер для web стоит 2579 рублей, для UWP — 6396 и столько же для мобильных систем.

Как создать игру самому. GameMaker Studio

Третий заслуживающий внимания альтернативный движок — AppGameKit. В отличие от двух предыдущих, разрабатывая с его помощью игры, надо писать код на скриптовом языке. Во многом благодаря этому он меня заинтересовал больше остальных. Стоимость этого движка в Steam составляет 2059 рублей, включая экспортеры под все поддерживаемые платформы. Хорошее вложение. За более подробным описанием архитектурной составляющей движка отсылаю тебя к упомянутой статье.

Раньше я надменно смотрел на эти тулзы, но теперь вижу в них силу, которая может сравниться с топовыми движками

Настало время обратить на них внимание и взять в комплект игродела

Где взять арт и прочий стафф?

В случае если ты программист и плоховато рисуешь/моделишь самостоятельно, весь необходимый для прототипа стафф можно купить в сторах топовых и альтернативных движков (например). Арт, звуки, шейдеры и другой стафф также можно найти в Steam. Они стоят не так дорого. Изображений в одном комплекте может быть несколько тысяч, но все они для разных игр, поэтому на прототип тебе их, может быть, и хватит, а вот для полноценного релиза — вряд ли. И тогда, возможно, ты найдешь свободных художников, на которых произведет впечатление твоя игра. И это правильно, ведь, работая с покупным артом, ты вынужден подгонять свой сюжет под имеющийся арт, а не наоборот.

Распознавание коллизий

game.js

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

collisions.js

два круга сталкиваются, если расстояние между их центрами меньше суммы их радиусов

• Снаряд не должен попадать в создавшего его игрока. Этого можно достичь, сравнивая с .
• Снаряд должен попадать только один раз в предельном случае одновременного столкновения с несколькими игроками. Эту задачу мы решим с помощью оператора : как только найден игрок, столкнувшийся со снарядом, мы прекращаем поиск и переходим к следующему снаряду.

Ресурсы🎁

Все нижеперечисленные ресурсы и программы опробованы мною лично и многими из них я пользуюсь до сих пор!

Для заметок:

• Notes для Mac ()
• Google docs ()
• Trello

Для совместной работы (для команд):

• Google drive
• GitHub (). Требуются git и Unity .gitignore.
• Unity Collab. Самый простой сервис из трех. У бесплатной версии есть ограничения.

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

Для разработчиков:

-Книга «The Art of Game Design» . Автор Джесси Шелл

-Сайт Gamasutra

Лучшие платформы, чтобы создать игру на Андроид самому бесплатно

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

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

Онлайн-сервисы

Существует множество онлайн-сервисов, позволяющих пользователям разрабатывать свои приложения для мобильных устройств Android. Вот несколько из них:

• AppsGeyser. Используя представленный сервис можно совершенно бесплатно создавать свои игры, а для того, чтобы получить результат пользователь должен лишь вставить ссылку на сайт или специальный код. Боле того, игру можно также сразу выгрузить Play Market;
• TheAppBuilder. Благодаря данному конструктору каждый пользователь может разрабатывать свои игры не только для операционной системы Adnroid, но и IOS;
• Viziapps. Это еще один конструктор для создания своих приложений. Основной его особенностью считается то, что он поддерживает большое количество дополнительных источников, например, таблицы Google, SalesForce, QuickBase и так далее. Однако, стоит отметить, что сервис платный – его стоимость составляет 33 доллара в месяц.

Программы для создания игр

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

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

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

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

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

Более того, нельзя не отметить, что инструмент работает невероятно быстро, а также то, что несмотря на его многофункциональность, он максимально прост в использовании;

Game Maker – идеальный вариант для новичков в сфере программирования. Это, наверное, единственный конструктор, в котором пользователю не потребуется знание языка Java.

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

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

Выбор инструментария разработки

Движок – сердце вашей игры, подойдите к выбору ответственно, ознакомьтесь со статьей Как выбрать игровой движок?

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

Если давать крайне широкую классификацию, то движки можно поделить на два вида: для двухмерных проектов (GameMaker: Studio, RPG Maker XV) и для трёхмерных игр (Unity, Unreal Development Kit и Source)

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

2 Место

Unreal Engine – является довольно мощным движком для создания игр. Эта платформа даёт возможность создания 2D и 3D игр. Неотъемлемой частью таких современных и мощных движков является кроссплатформенность, и в Unreal Engine она довольно хорошо реализована. Можно создавать игр для всех популярных платформ как для смартфонов (Android, IOS), так и для компьютеров под управлением (Windows, MacOS).

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

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

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

Открытый код позволит вам добавить с движок свои библиотеки и фреймворки, что дает почти не ограниченные возможности в создании игр.

Хочу заметить, что, будучи не опытным в сфере создания игр, а также если вы не знаете основ программирования на С++, тогда не стоит начинать знакомство с разработкой игр с этого движка.  Так как Unreal Engine является профессиональным инструментом для создания игр.

Что бы понять всю силу и возможности движка, можете просмотреть уже созданные на нем популярные проекты, такие как Gears of War 4, We Happy Few, Final Fantasy VII, Dead Island 2, Taken 7 и еще длинный список примеров возможностей.

Плюсы:

·         Огромное количество инструментов.

·         Создание абсолютно любого жанра игр.

·         Кроссплатформенность.

·         Оптимизация.

·         Большое количество видео уроков и инструкций.

·         Собственные форумы, обсуждения в разработке игр.

·         Движок является полностью бесплатный.

·         Встроенный магазин дополнений.

·         Возможность создания мульти плеера в играх.

·         Высокий уровень графики.

·         Почти не ограниченные возможности в создании игр.

·         Открытый код

Минусы:

·         Не подходит для начинающих.

·         Довольно требователен к компьютеру.

·         Сложный интерфейс.

\Локации

Теперь нам нужно научиться переходить от выполнения одного куска кода к другому. Для этого надо разбить код на отдельные участки, или по-другому «локации».

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

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

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

Не забывай в конце каждой локации писать строчку с командой \СТОП.

Напишем парочку локаций:

\Первая локация
Этот текст из первой локации.
\СТОП


\Вторая локация
Этот текст из второй локации.
\СТОП

В коде выше есть две локации с именами «Первая локация» и «Вторая локация».

Сначала код выполняется начиная с \Первая локация и до команды \СТОП

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

Какой движок выбрать

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

На Unity сделаны такие популярные игры, как Hearthstone и Ori and the Blind Forest, а также мобильные хиты – Pokemon Go, Super Mario Run и другие. На Unreal Engine делают как успешные AAA-тайтлы, например Gears of War 4, так и инди-хиты Hellblade: Senua’s Sacrifice или ARK: Survival Evolved.

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

Шаг 1. Придумать сюжет и пространство игры

Необязательно придумывать историю, достойную Вселенной «Звездных войн» — максимально простые сюжеты тоже становятся культовыми (привет червяку Джиму и Марио, которых помнят все, у кого были «Денди» или «Сега»). Дети понимают такие истории, да и взрослых они затягивают.

Лия Костикова, создательница курса «Игры на Python»в детской онлайн-школе Skysmart

Дети могут провести часы в игре, не задумываясь о том, что это работа огромного количества гейм-дизайнеров, которые воспользовались определенной матрицей действий. Мне кажется, если прийти к ребенку и сказать: «Вот ты три часа играл в Roblox, но на самом деле это просто трюк, который кто-то придумал», — это переориентирует его на то, чтобы он стал сопричастным к созданию этой игры. Когда ребенок сам начинает разбираться в тонкостях создания игрушки, он уже не просто в нее бездумно играет, но и исследует: вот тут классно закольцевали сюжет, а этот герой похож на викингов, которых мы проходили по истории. В таком подходе точно больше пользы для развития — и осознанности тоже.

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

А еще в играх вовсю работают законы драматургии. Например, в курсе «Игры на Python» ученики изучают принцип чеховского ружья, по которому в сюжете остаются только те элементы, которые его поддерживают и усиляют, а все остальное — удаляется.

Лия Костикова, создательница курса «Игры на Python»в детской онлайн-школе Skysmart

У всех компьютерных игр есть определенная логика, сюжет, персонажи. Мы рассказываем, из каких кубиков состоит игра как таковая, и уже в конце первого уровня ребенок создает полноценную креативную оболочку игры с продуманным сюжетом, пространством и персонажами. Теоретический блок мы объясняем на пальцах. Например: «Кто-то постучал в дверь. Ты открываешь дверь, а там Годзилла», — это называется твист, неожиданный поворот сюжета. После теории сразу практикуемся: предлагаем придумать твист для скучной истории. Ученики отвечают: «Кошка легла спать, потом встала, подошла к зеркалу, а в зеркале она не отразилась». Засчитано: ребята поняли, что такое твист.

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

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

Запишите ребенка на курс «Игры на Python» в онлайн-школе Skysmart: уже через 5 месяцев он сможет похвастаться не только собственной игрушкой, но и знаниями в драматургии, программировании и дизайне и даже алгебре. А еще прокачает креативность, логику и навыки презентации — себя и своих проектов.

Что потребуется для работы

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

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

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

• Game Maker: Studio. В бесплатной версии Standard доступны инструменты для игр под Windows. Подписавшись на Professional, пользователь получает расширенный функционал. Например, становится доступной интеграция на платформу Android.
• Construct 2. Программа для 2D на HTML5. Движок Box2D Physics отвечает за реалистичное поведение персонажей в соответствии с законами физики. Интуитивно понятный интерфейс позволяет моделировать ситуации без какого-либо практического опыта.
• Unity. Популярный движок, используемый многими известными агентствами и корпорациями. Создавать игры 3D позволяет как бесплатная, так и платная версия.

Хватает и других интересных вариантов. Для новичков точно подойдет Game Maker: Studio. Она проще в изучении, что позволит ускорить подготовительный процесс. Осваивать функции можно параллельно с работой. Обучающие материалы на русском языке для этой и других полезных программ доступны на нашем сайте.

Примерно так выглядит Гейм Мейкер Студио

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

Начинающих вдохновляют истории успеха таких разработок, как Ridiculous Fishing и Minecraft, принесших авторам огромную прибыль при минимальных стартовых вложениях. Мотивация – это прекрасно, но не нужно сильно рассчитывать на подобное чудо. Конкуренция на рынке ежегодно растет, поэтому лучше трезво оценивать шансы.

Играем стильно

Если бы вы загрузили эту страницу, то ничего не увидели бы, потому что никакого стиля не применено. Я уже подготовил ссылку на файл main.css в своем HTML, поэтому помещу все CSS в новый файл с тем же именем. Первым делом я позиционирую все элементы на экране

Тело страницы должно занимать весь экран, поэтому сначала я уделяю внимание этому:

Во-вторых, мне нужно, чтобы арена была заполнена фоновым изображением (рис. 3):

Рис. 3. Фоновое изображение для арены

Далее я размещаю табло. Я хочу, чтобы оно находилось вверху по центру — поверх других элементов. Команда «position: absolute» позволяет разместить его где угодно и оставить там: 50% — позиционирует табло посередине верхней части окна, но начиная с самой левой части элемента табло (scoreboard element). Чтобы гарантировать точную центровку, я использую свойство transform, а свойство z-index обеспечивает, что табло будет всегда находиться поверх других элементов:

Я также хочу использовать текст со шрифтом в стиле ретро. Большинство браузеров позволяет включать собственные шрифты. Я счел подходящим шрифт Press Start 2P от codeman38 (zone38.net). Чтобы добавить шрифт к табло, я должен создать новое начертание шрифта (font face):

Теперь результаты (scores) находятся в теге h1, поэтому я могу задать этот шрифт для всех тегов h1. На случай отсутствия этого шрифта я предусмотрю несколько запасных вариантов:

Для других элементов я буду использовать таблицу изображений-спрайтов. Таблица спрайтов (sprite sheet) содержит все необходимые игре изображения в одном файле (рис. 4).

Рис. 4. Таблица спрайтов для Ping

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

Любому элементу, имеющему изображение в этой таблице, будет назначен класс sprite. Тогда для каждого элемента я буду использовать background-position, чтобы определить, какую часть таблицы спрайтов мне нужно показывать:

Затем я добавлю класс sprite ко всем элементам, которые будут использовать таблицу спрайтов. Для этого мне придется ненадолго переключиться на HTML:

Теперь мне нужно указать позиции каждого спрайта в таблице для каждого элемента. И вновь я буду делать это с помощью background-position, как показано на рис. 5.

Рис. 5. Добавление смещений для таблицы спрайтов

Свойство position: absolute в player, opponent и ball позволит мне перемещать их по полю, используя JavaScript. Если вы посмотрите на страницу теперь, то увидите, что к элементам управления и мячу прикреплены ненужные куски. Дело в том, что размеры спрайтов меньше 128 пикселей по умолчанию, поэтому я подстраиваю их под правильный размер. Мяч всего один, и я задаю его размер напрямую:

Элементов управления четыре (кнопки, которые пользователь может нажимать для перемещения своего игрока), поэтому мне следует создать для них специальный класс. Я также буду добавлять некий зазор, чтобы вокруг них было небольшое свободное пространство:

После добавления этого класса элементы управления в игре выглядят гораздо лучше:

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

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

Три 100% способа, чтобы заработать на своей игре

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

Второе – не следует самому искать спонсоров. Если игра достойная, и вы хотите ее продать, для начала выставите продукт на специальные аукционы, типа gamebrokage. К сожалению, шанс, что игрой новичка сразу заинтересуются, невелик, но попробовать стоит. Разумеется, первые проекты лучше создавать для более узкого круга людей, узнавать мнение друзей, близких и т. д.

План разработки

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

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

1. Ваш план должен быть рассчитан на месяц, не более. Так что доверьтесь своей интуиции и начните с простого. Лучше закончить раньше, чем не уложиться в сроки.
2. Как только вы поняли, что данный продукт не может вас ничему научить, ставьте его на полку и забывайте. Вы сможете проверить свои навыки, начав аналогичный проект с чистого листа.
3. Даже самые лучшие разработчики стремятся стать ещё круче, так что, каждая новая игра должна начинаться с мысли «Я сделаю лучше, чем в прошлый раз».
4. Не игнорируйте планирование. В разработке любого проекта случаются небольшие «форс-мажоры», и предугадать их практически невозможно, поэтому проще банально учесть затраты времени на их устранение в расписании. Запланировали 8 часов? Смело превращайте их в 12.
5. Дизайн – одна из последних вещей о которых стоит думать начинающему разработчику игр. Ваша задача – «обрастать навыками», так что лучше потратьте выходные на внедрение нескольких новых механик (незнакомых вам прежде), чем на рисование.
6. Разбейте свой план на несколько фрагментов. Достижение этих «контрольных точек» неплохо повышает мотивацию. Если вы не успеваете выполнять недельные требования – упростите общий план.
7. Не ставьте себе слишком абстрактных задач. Вместо «Проработать персонажа», вписывайте «внедрить новые механики стрельбы» или «изменить внешний вид во время удара» — чётких целей достичь гораздо проще.
8. Присылайте себе письма не электронную почту каждый понедельник. Они должны содержать всё действия, совершённые за прошлую неделю. Сравнив все письма за месяц, вы наглядно сможете увидеть прогресс.
9. Тратьте как минимум час в неделю на то, чтобы играть в свой продукт. В конечном счёте, никто лучше вас не сделает ВАШУ игры.
10. Проведя две недели без работы над проектом, вы будете растеряны и потеряете нить, что заставит начать всё сначала. Именно на этом моменте большинство людей опускают руки и забрасывают идею создания собственной игры.
11. Убивать время на звук и создания атмосферы в своей ей первой же игре – невероятно бессмысленно. Главное: разработать геймплей, ведь существуют шедевры, состоящие из обычных движущихся пикселей.
12. Если вы делаете что-то более часа, и у вас всё равно не выходит – обратитесь за помощью. Зачем неделю топтаться на месте из-за того, что вы постеснялись создать тему на форуме?
13. Давайте другим попробовать вашу игру. Да, сразу же польётся критика, но не стоит обращать на неё внимания. Даже проекты ведущих студий часто поливают грязью, но это же не мешает им продолжать делать шедевры, верно?
14. Вы не обладаете безграничными ресурсами – поэтому нужно ставить перед собой реальные, достижимые цели.
15. Как только вы отполировали свою первую игру, сразу же найдите несколько новых идей и беритесь за свежий проект. Не забывайте применять то, чему вы научились раньше.
16. Ознакомьтесь с Советами для разработчиков.

Удачи!

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

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

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