Кто начинает с нуля:

/////////////////////////////////////////////////////////////////

Расписывать как оформить сцену не буду. Все есть в предыдущем уроке.

Начнем. Переходим в нашу новую сцену, в которой должна быть игра (двойной клик на выбранную сцену).

Рисуем фон. 1280х720.  Вставляем его. Фон вы уже умеете делать - ПКМ на сцену - Insert Object - Picture - и выбираете ваш фон. Я решил для пробы использовать просто синий фон

После создания фона переходим в новый слой (как на кадре выше). И теперь нам нужен активный объект. ПКМ на сцену - Insert Object - Active

Итак, на сцене появился кристалл. ПКМ - Edit - загружаем свое изображение. Конкретно в данном случае - объект, на котором будет стоять персонаж. Я выбрал простую линию и копировал ее несколько раз

Вышло так. Не очень красиво, но моя цель показать вам как это работает, а не создать свою "игру-шедевр-прям200из10"

Теперь у нас готов пол, на котором будет стоять персонаж. Но вот незадача - если он спрыгнет вниз, или влево/право - он выпадет за сцену. Чтобы этого избежать предлагаю создать Active, по сторонам. Для этого нам нужно открыть наш фон в графическом редакторе и вырезать тоненькие линии для актива

Зачем это нужно? Затем, чтобы все выглядело красиво. Таким образом мы создадим "невидимые стены". Конечно, можно их и самим нарисовать, но в нашем случае это будет смотреться как-то так:

Не очень красиво. Впрочем. Кому как удобнее

Совет: не делайте стену сверху. Через верх ваш персонаж не вылетит за карту (если у вас туда не летают платформы, но об этом потом), а так - это слегка сэкономит время, вес и нагрузку

Должно выйти примерно так:

Теперь перейдем к созданию персонажа:

1) Создаем активный объект над полом

2) Рисуем персонажа в движении. Типа как раскадровка

3) Редактируем активный объект. Обратите внимание - стрелка - направление персонажа. Т.е. стрелка вправо - персонаж смотрит вправо. И наоборот. Пока работаем со вкладкой Stopped. Это то, как персонаж будет отображаться пока стоит

Загружаем персонажа

Копируем Frame 1 и поворачиваем стрелку влево. Вставляем и поворачиваем с помощью Flip horizontally

4) Переходим во вкладку Walking. В окне Frames жмем ПКМ - New Frame, после чего загружаем второй кадр для нашей анимации бега. Повторяем процесс до тех пор, пока у вас получится анимация ходьбы. Мне хватило 4 фреймов

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

Все. Наш персонаж можем двигаться. Теперь переходим к финальной стадии.

Выделяем нашего персонажа - в Properties выбираем вкладку Active, после чего в пункте "Type" выбираем Platform

Переходим в редактор событий

Создаем событие - выбираем нашего героя - Collisions - Another Object

В появившемся окне выбираем пол

В столбце с персонажем (напротив нашего события) - ПКМ - Movement - Stop

Мы сделали так, чтобы наш персонаж не проваливался в пол. Можете проверить на F8

Проверили? Отлично. Идем дальше.

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

ПКМ - Restart the current frame

Теперь наш персонаж может не только бегать по полу, но и не боятся провалиться за карту. В случае соприкосновения со стеной уровень рестартится. Впрочем, кому это не нравится - можете вместо рестарта выбрать Movement - Stop

Возвращаемся к персонажу - Propertes - Active. Здесь вы можете настроить параметры персонажа и управление

Параметры я изменил на такие:

Вышел этакий человек-попрыгунчик.

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

P.s. разделил этот этап на два поста (т.е. этот и следующий) потому что в одном все получится слишком объемно, неудобно и сложно будет восприниматься

1. Любые материалы, которые вы используете, лучше создавать самостоятельно (звуки, спрайты, музыка и т.д.).

Если такое не представляется возможным - берите со специальных сайтов (они идут либо бесплатными, либо платными). В таком случае вам стоит читать условия использования - указание авторов в титрах (credits), определенная плата (единоразовая или подписка) или еще что.

Примеры таких сайтов указаны здесь: http://pikabu.ru/story/16_zamechatelnyikh_saytov_s_besplatno...

2. Существует 3 версии Clickteam Fusion - бесплатная, обычная и версия разработчика. Если кратко - бесплатная сильно отличается от обычной (функционала в два-три раза меньше), а обычная от версии разработчика отличается только в пять пунктов

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

2) Разница версий

Собственно, насчет указания движка упор идет на пункт "Royalty free, logo and credit free

Not Subject to runtime agreement". Если ошибаюсь - поправьте. Поскольку о подобном я узнал относительно недавно, от более опытных разработчиков

3) Функционал. Кратко.

Clickteam Fusion 2.5. позволяет портировать свои работы на разные платформы: Windows, Linux, iOS, Android, Flash, Xbox 360, HTML5, UWP (Если кратко, UWP - это поддержка вин 10-устроств: Xbox One, Windows Phone...) и Ouya

Вообще, почти все в кликтиме вертится вокруг объектов. Их тут множество:

Кстати, это не все объекты. Их много. Можно даже скачивать новые объекты через сам кликтим (ПКМ - Insert Object - Manager - Install)

4) Преимущества и недостатки:

+ Удобный интерфейс
+ Относительно просто использовать
+ Цена (Чуть больше 1000 рублей за обычную версию)
+ Не надо знать языки программирования
+ Ограничений, как таковых, я не заметил. Но все же - движок изначально предполагался под 2D-игры, и чтобы создать 3D-игру, типа Rock Rock Rocket, нужно приложить не мало усилий
+ Хорошее коммьюнити (как англоязычное, так и русскоязычное)
+ Постоянные обновления от разработчиков - не так давно выпустили поддержку экспорта под UWP, а на днях возможность 3D-разработки - FireFly

- Экспортеры надо покупать. Для выпуска игры на тот же андроид, нужно купить экспортер, который стоит как сама программа. Но для ПК экспортер не нужен
- Мало туториалов. Еще меньше качественных туториалов
- Официально нет русского (да, существует русификатор, но он далеко не все переводит). Впрочем, этот минус субъективный.

5) О FireFly:

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

-----------------------------

Надеюсь хоть кому-то помог. Если есть вопросы - спрашивайте. Постараюсь ответить на все

Дальше у нас появились "Приложение" и "Сцена". Их название мы можем сменить нажав ПКМ на сцену/приложение, после чего выбрав rename.

Давайте сменим название приложения, на название нашей игры, а название сцены, на "Меню"?

Переходим в саму сцену (два раза ЛКМ на фрейм), жмем свойства сцены и настраиваем размер на 1280х720 (это рекомендуемый размер для проектов в кликтиме)

Дальше переходим в свойства самого приложения (Наш Application, переименованный в название игры) и выбираем вкладку Window

Отрисовываем в графическом редакторе фон под размер нашей сцены. Редактор на ваше усмотрение - гимп, фотошоп, паинт... После того, как мы создали фон, нужно вернуться в сцену, нажать ПКМ и выбрать "Insert Object"

В появившемся окне ищем "Picture"

После выбора Picture, у нас появляется курсор в виде крестика/плюсика - жмите им в любую часть экрана. Дальше вылезет окно "Открыть", в котором нам нужно найти свою папку с сохраненным фоном. Выбираем фон. Все.

"Picture" в левой части экрана можно переименовать на "фон меню" или еще как-нибудь, чтобы потом не возникло путаницы в работе.

В правой части экрана выбираем "Layers Toolbar" - это слои. Создаем новый слой, а на слой с фоном ставим "замок" (чтобы не мешался)

Переходим к кнопкам

Снова выбираем Insert Object, и ищем String

Переименовываем и настраиваем текст (шрифт, размер, цвет)

Переименовываем в колонке слева String на "Старт".

Снова берем String, но теперь уже делаем кнопку "Выход". Все то же самое, просто меняем текст на "Выход". Должно получиться как-то так:

Создаем новую сцену. На новой сцене можно разместить саму игру, титры (credits) или еще что-нибудь. В нашем случае там будет игра

Отлично. Переходим в редактор событий

Создаем новое условие - выбираем мышь - пользователь наживает на объект

В появившемся окне оставляем все по умолчанию

В новом окне выбираем старт.

Хорошо. Теперь в колонке "Storyboard Controls" (там, где шахматная фигура коня), выбираем Jump to Frame

Снова появилось окно. Выбираем нужную сцену (в нашем случае - вторая), и жмем "Ок"

Теперь настроим кнопку "Выход". Повторяем процедуру "Создаем новое условие - выбираем мышь - пользователь наживает на объект", после чего выбираем "End the application"

Теперь сделаем так, чтобы наше меню открывалось во весь экран

Во вкладке "Storyboard Controls" (там, где шахматная фигура коня) выбираем:

Все. Теперь можно попробовать запустить. Жмем F8. Работает? Отлично! Ваше меню готово

Извините за сумбурность. Впервые пишу гайд

2. RPG Maker 2003/XP/VX Axe/MV

Отзывы: Очень положительные.

Легко освоить, много возможностей, в интернете есть тонна контента для RPG Maker`a как бесплатного, так и платного. Например DLC от создателей RPG Maker или такие программы как Game Character Hub. Как гласит слоган программы - ПОНЯТНО И ДЕТЯМ — ДОСТАТОЧНО И РАЗРАБОТЧИКАМ. И он не врёт. Есть экспорт на ПК и мобилки.

3. GameGuru

Отзывы: В основном положительные.

Конструктор шутеров от первого лица (в основном). Игры на нем выглядят мягко говоря не особо современно, даже если ты напихаешь в свой проект 10 DLC от разработчика. Но для, например, первой игры в жанре квест от первого лица - очень даже сойдет (личное мнение нуба). Очень простая в освоении программа, где всё уже сделано за тебя, только расставь всё как нравится :)

4. Leadwerks Game Engine

Отзывы: В основном положительные.

По словам знающих людей вполне себе неплохой движок, но тут уже чтобы сделать что-то придется писать на Lua. А для простенькой стрелялки даже и это не понадобится. По отзывам у людей есть проблемы с этой программой из-за использования AMD карточек. Из минусов по-моему мнению - это графика, уровень 2010 года если не старше. Но если умело поиграть со светом, то картинка будет вполне себе сносной.

5. Clickteam Fusion 2.5

Отзывы: Очень положительные.

Про эту чудо программу я писал уже пару постов. Что о ней сказать - она простая до нельзя, если есть художник с руками - то игра будет еще и красивой. В принципе сложность проекта зависит только от вашей упёртости. От кликера до стратегии уровня сим сити. Из минусов - проблемы с разрешением экрана. Или сказ о том как сесть на 2 стула, чтобы на HD и Full HD игра выглядела одинаково. Есть, конечно, расширения которые это исправляют в ущерб производительности.

Есть экспорт на пк и мобилки.

P.S. тапками не кидайтесь, в этих движках можно кодить если вы хотите или вам это нужно, как, например, линуксоидам. Но можно обойтись без этого, все таки 21й век

Или не в стиме...

Чтобы приступить к творчеству откроем кликтим и нажмём на "File" в верхней панели, там же выберем пункт "New"

Перед нами появился список фреймов, в левом меню щёлкаем на "Frame 1"

Ура! Это наша игра, и создали её именно Вы! Можете собой гордиться. Правда она пока что...немного пуста. На фрейме (белый квадрат) мы будем размещать объекты, также в самой игре на нём будут происходить основные события игры.

Теперь нам нужно добавить объекты, чтобы игра не была пустой. Два раза щёлкните на месте белого пространства или ЛКМ > Insert object

Мы видим большой список объектов, на данный момент нам потребуется только "Active"

Двойным щелчком мыши можно добавить требуемый объект в фрейм. Добавляется объект на место, указанное курсором (кликом мыши).

Ещё раз поздравляю! Теперь в Вашей игре есть Актив! Но есть опять одно небольшое замечание...он ничего не делает. Чтобы оживить Актив давайте присвоем ему поведение Platform Movement. В левой части экрана, внизу, в окне Properties (для того чтобы оно появилось нужно кликнуть на Актив) выбираем Movement (иконка с бегущим человечком, если быть точным =D).

Чтобы наш Актив двигался при нажатии кнопок клавиатуры выбираем Platform в Type.

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

Когда спрайт загружен нажимаем на кнопку "OK" (нижняя часть окна редактора изображения)

Результат нашей работы должен быть примерно таким:

Уже сейчас Вы можете запустить игру. И в этот же момент заметить что Актив проваливается сквозь нашу платформу! =(

Для того чтобы это исправить переходим в Event Editor (CTRL+E)

Здесь мы и будем творить все основные события в нашей игре!

Чтобы создать новый ивент кликнем на "New Condition"

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

Кликаем на Актив и выбираем "Collisions"->"Another Object"-> объект-платформа, который мы недавно создали. Переводя на русский: Столкновение -> С другим объектом.

Теперь самое время создать действие для этого события!

Возле Актива, снизу в строке нашего нового события нажимаем левой кнопкой мыши.

Далее также как и с созданием события, выбираем действие: "Movement"->"Stop"

Это событие останавливает движение Актива при соприкосновении с платформой. Движение не в плане сторон, а в плане падения.

Конгретулашнз!!! Теперь наш Актив не будет падать сквозь платформу и даже сможет перемещаться по фрейму! Запустите игру клавишей F7 или кнопкой на верхней панели. (запускается фрейм, если Ваша игра состоит из более 2 фреймов, то запускать надо всё приложение, клавишей F8) Управление в игре по умолчанию будет стрелками, а прыжок клавишей Shift. Сменить управление можно в окне Properties, Movement, Jump. Там же можно поиграть со значениями Speed(скорость), Acceleration(ускорение), Deceleration(торможение).

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

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

Мне очень интересно знать нужно ли писать продолжение, писать ли про другие программы создания игр! Поэтому обязательно оставляйте свои комментарии! =3

Добавляем объект Фон на нижний слой и забываем о нем

Далее на верхний слой добавляем:

Фон - Это наша платформа

Активный объект - Это наш беглец

Platform movement object - это то, что придаст свойства нашему персонажу, если у вас его нет - то зайдите в расширения и скачайте, оно бесплатное

В итоге получается у нас вот так:

Теперь кликаем по Platform movement object и придаем ему свойства, которые нужны вам, такие как скорость, высота прыжка, сила гравитации и тд. 

Теперь переходим в редактор событий и прикручиваем PMO к нашему Активному объекту, выбираем создать событие - Всегда (или старт сцены, на ваш выбор). Далее Set Object и выбираем единственный наш активный объект.

Теперь делаем так, чтобы наш персонаж не проваливался сквозь нашу платформу. (Она у нас фон на верхнем слое). Создаем условие как на скрине.

Далее прикручиваем опять наш Активный объект:

Выбираем 2ю строку, "Прибавить" - Наш Активный объект, Столкновения - Фон.

Возвращаемся к сцене, выбираем наш фон на верхнем слое - Свойства - Тип - Препятствие

Возвращаемся в редактор событий и создаем новое "При нажатии на", или же джойстик (кому как удобней). Я выбрал при нажатии на пробел.

Вставляем условие, что наш объект находится на платформе

Опять переходим в список и вставляем действие "Прыжок"

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

Теперь бежим обратно в редактор событий и заставляем наш ромб двигаться вправо "Всегда", пкм и прибавляем

Теперь тут же в "Всегда" делаем так, чтобы камера следовала за игроком.

И выбираем "На объект" 

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

То, что получилось - https://yadi.sk/d/j03aGufWqKVJS

Похожие видео: