Lindel

Lindel

пикабушник
пол: мужской
поставил 192 плюса и 624 минуса
отредактировал 0 постов
проголосовал за 0 редактирований
7424 рейтинг 90 подписчиков 1767 комментариев 25 постов 1 в "горячем"
14

Clickteam Fusion 2.5. Типы движений. Физические. #8

Предыдущие посты о типах движений:

http://pikabu.ru/story/clickteam_fusion_25_tipyi_dvizheniy_n...
http://pikabu.ru/story/clickteam_fusion_25_tipyi_dvizheniy_r...



Всем привет! Сегодня мы продолжим рассматривать типы движений в CF2.5. Напоминаю - если вы не смотрели прошлые уроки, вам могут быть не понятны некоторые моменты (я, конечно, постараюсь кратко описать их здесь, но лучше вам ознакомиться с прошлыми постами)

У нас остался последний раздел движений, самый обширный из всех (на мой взгляд). Физические движения. По ним я постараюсь пройти относительно кратко и понятно.

Для начала хочу сказать - тип физики имеет одну особенность - для его работы необходимо вставлять объект, который дословно переводится как "Физика-двигатель"

Clickteam Fusion 2.5. Типы движений. Физические. #8 Разработка, Длиннопост, Clickteam, Clickteam Fusion

Вот он (ПКМ - Insert object - Physics-Engine)

Clickteam Fusion 2.5. Типы движений. Физические. #8 Разработка, Длиннопост, Clickteam, Clickteam Fusion

Physics - 8 Directions movement (8 Направлений движения). С помощью этого типа можно реализовывать игры с видом сверху. Главным отличием от Eight Directions я считаю особенность использования физики, поэтому подобный тип я советовал бы пробовать как в TDS, так и в TDR играх

Clickteam Fusion 2.5. Типы движений. Физические. #8 Разработка, Длиннопост, Clickteam, Clickteam Fusion

Physics - Axial movement (Осевое движение). Само движение выглядит примерно так:

Clickteam Fusion 2.5. Типы движений. Физические. #8 Разработка, Длиннопост, Clickteam, Clickteam Fusion

Думаю, способов применения в разработках ему достаточно - маятник с лезвием (как в средневековье), маятник в часах и т.д.

Physics - Background (Фон). О ней мне известно крайне мало, поэтому могу ошибиться - этот тип предназначен для объектов, которые не двигаются. Эти объекты больше подходят для создания той же земли

Physics - Bouncing Ball movement (Прыгающий мяч). Это обычный Bouncing Ball с возможностью применять на нем физику. Простыми словами - к настройкам добавляется возможность настройки плотности, трения, эластичности и шкалу гравитации и т.д.

Clickteam Fusion 2.5. Типы движений. Физические. #8 Разработка, Длиннопост, Clickteam, Clickteam Fusion

Physics - Platform movement (Движение платформы). Здесь аналогично с идущим выше прыгающим мячом - в Physics - Platform movemen функций больше, чем в обычной платформе, но, в основном, все сводится к настройкам плотности, трения, эластичности и шкалу гравитации и т.д. Вообще, чтобы излишне не расписывать, могу сказать так - Physics - Race Car movement, Physics - Static movement и Physics - SpaceShip movement имеют точно такую же разницу со своими не физическими аналогами

Physics - Spring (Пружина). Исходя из названия - данный тип подходит для создания пружин

На этом все. Спасибо за внимание и с наступающим вас!

Показать полностью 3
14

Clickteam Fusion 2.5. Типы движений. Расширенные. #7

Предыдущий пост о типах движений:
http://pikabu.ru/story/clickteam_fusion_25_tipyi_dvizheniy_n...

Всем привет! Сегодня мы продолжим рассматривать типы движений в CF2.5. Напоминаю - если вы не смотрели прошлые уроки, вам могут быть не понятны некоторые моменты (я, конечно, постараюсь кратко описать их здесь, но лучше вам ознакомиться с прошлыми постами)

Circular (Круговое). Представляет из себя движение объекта по кругу, которое может постепенно перемещаться в определенную сторону. Здесь особых примеров привести не могу, на практике не проверял, но, поговаривают, с ним можно сделать так, чтобы объект следовал за персонажем и крутился вокруг него

Drag and Drop (Перетаскивание). Добавляет возможность перетаскивания объектов. Весьма интересная функция. К примеру, за 5 минут я реализовал на ней мини-игру, в которой нужно бегать персонажем по разным уровням, а для преодоления препятствий перетаскивать мышью пропы. Пример (составлен "мост" из доступных пропов)

Clickteam Fusion 2.5. Типы движений. Расширенные. #7 Длиннопост, Разработка, Clickteam, Clickteam Fusion, Видео

Слегка напоминает игры про железные дороги и мосты, хотя здесь несколько иной принцип.

Invaders (Захватчики). Ну, здесь принцип как и у корабликов из Space Invaders

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

Regular Polygon (Правильный многоугольник). В свойствах мы также можем настроить скорость, радиус и количество сторон, по которым он движется.

Simple Ellipse (Простой эллипс). Движение объекта происходит по эллипсу. Особо мне нечего расписать

Clickteam Fusion 2.5. Типы движений. Расширенные. #7 Длиннопост, Разработка, Clickteam, Clickteam Fusion, Видео

Sinewave (Синусоида). Движение происходит по синусоиде

Clickteam Fusion 2.5. Типы движений. Расширенные. #7 Длиннопост, Разработка, Clickteam, Clickteam Fusion, Видео

Vector (Вектор). Это движение часто применяется для создания пуль, чтобы они летели по прицелу

InAndOut Movement ("В и ИЗ" движение). Я с ним работал редко, но если не особо вдаваться в детали - можно сделать так, чтобы, при касании персонажем объекта, происходило действие, например: Игрок идет по зданию, когда он задевает указанную метку, на заднем плане взлетает ракета.

Pinball Movement (Пинбол). С помощью этого движения можно сделать свой пинбол или Breakout. Честно говоря, особого отличия от Bouncing Ball я так в нем и не увидел...

Clickteam Fusion 2.5. Типы движений. Расширенные. #7 Длиннопост, Разработка, Clickteam, Clickteam Fusion, Видео

Space Ship (Космический корабль). Его смысл я так и не понял, честно. Я перерыл множество туториалов и так ничего не наешел. Единственный раз, когда я его использовал, был при создании ракеты для заднего плана. Space Ship позволил сделать взлет ракеты, которая постепенно набирала скорость. Если кто знает, как ее еще применять - отпишитесь, буду признателен

На этом все. С наступающим!

Показать полностью 3
27

Clickteam Fusion 2.5. Типы движений. Не физические. #6

Всем привет! Сегодня мы будем рассматривать типы движений в CF2.5. Напоминаю - если вы не смотрели прошлые уроки, вам могут быть не понятны некоторые моменты (я, конечно, постараюсь кратко описать их здесь, но лучше вам ознакомиться с прошлыми постами)

В CF2.5 существует 3 раздела движений: не физические, физические и расширенные разделы движения. В каждый раздел входит несколько своих типов. Так, например, в разделе не физических движений мы можем встретить такие типы, как путь, платформа, неподвижный и т.д.

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Чтобы посмотреть типы, необходимо перейти в свойства объекта и выбрать раздел Movement

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Разберем каждый из них на примере. Начнем с неподвижного (Static). Этот тип стоит по умолчанию у каждого объекта (имеющего раздел Movement, соответственно)

За примером далеко ходить не надо - пол. Пол, на котором стоит, и по которому передвигается, наш персонаж. Он статичен

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Bouncing Ball (прыгающий мяч). Это довольно интересный объект. По умолчанию, он движется во всех направлениях (их можно настраивать, как и скорость и другие параметры типа)

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Помните "стены" которые мы делали? Их можно немного доработать на отскок объекта с типом Bouncing Ball. Т.е., например, у нас есть шар с этим типом, он движется рандомно. Если мы добавим в свойства "стен" условие, что, если шар касается стены, происходит отскок:

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Если добавить условие, что при касании этого шара происходит перезапуск сцены, выйдет неплохое препятствие. Но можно пойти дальше и покреативить, и в итоге сделать что-то вроде Pong или Breakout

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

В целом, надеюсь, принцип понятен. Идем дальше, к моему любимому типу - Путь.

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

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

И у нас появляется окно редактора движения

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Первая кнопка создает новую линию, которую мы можем продолжить
Вторая позволяет "рисовать" путь
Третья позволяет установить паузу
Четвертая отвечает за цикл движения
Пятая - за реверс
Шестая - за перемещение объекта в конец
Седьмая - за цвет линий
Также, здесь можно настроить скорость перемещения (Speed) и проверить, как будет выглядеть движение (Try Movement)

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Переходим к Mouse Controlled.

По сути это управление через мышь. В своих экспериментах у меня получалось даже настроить ЛКМ на прыжок. Т.е. двигаться приходилось на стрелки, а прыгать на ЛКМ (Напоминает как когда-то давно играл с братом в GTA, по принципу "Ты бегаешь, а я стреляю"). Собственно, вам наверное интересно - зачем так делать? А потому что мы можем :D

А если о серьезном - при изучении Bouncing Ball мы пришли к выводу, что подобное можно использовать для создания таких игр как Breakout. Так вот, если в случае BB мы делали для той игры мяч, то Mouse Controlled позволяет нам сделать ту самую платформу, которая этот мяч отбивает и движется при помощи движения мыши

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Eight Directions (Восемь направлений). Это тоже довольно любопытный объект, с помощью которого можно реализовывать TDS-игры (шутеры, с видом сверху). Собственно, здесь также можно настраивать скорость и другие параметры

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Race Car (Гоночный автомобиль). Исходя из названия становится понятно - он для гонок. Довольно неплох при создании гонок с видом сверху

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

Platform (Платформа). Этот тип позволяет нам сделать так, чтобы наш персонаж (в 2D игре) мог ходить. Вы, наверное, это припоминаете из прошлых уроков, когда мы занимались настройкой персонажа

Clickteam Fusion 2.5. Типы движений. Не физические. #6 Разработка, Clickteam, Clickteam Fusion, Длиннопост

На этом все, надеюсь вам был интересно!

Показать полностью 10
21

Humble Bundle для разработчиков!

На Humble Bundle новый бандл! Бандл для разработчиков

www.humblebundle.com

В раздаче принимает участие много хороших программ, из которых я бы хотел выделить Clickteam Fusion 2.5, Clickteam Fusion 2.5. Exporter from HTML5, SpriteIlluminator Lifetime License и Marmoset Hexels 2.5

Humble Bundle для разработчиков! Humble, Humble Bundle, Gamedev, Clickteam, Clickteam Fusion
22

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия

Предыдущие уроки:

1) http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...

2) http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...
3) http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...


Напоминаю: это не история создания моей игры. Это туториал, для создания вашей


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

Всем привет! Продолжаем урок по кликтиму. Это последний этап разработки.

Для начала перейдем в третью сцену (куда перебрасывает нашего персонажа после касания облака). В ней, как я писал ранее, вы можете разместить еще один уровень или просто "Вы победили". Сейчас нам нет смысла делать еще один уровень, так что сделаем концовку.

Вот такую я нарисовал

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Добавляем ее на нашу сцену (ПКМ - Insert object - Picture). Создаем новый слой, на этот ставим замок, чтобы не мешался, и продолжаем работу.

В новом слое размещаем кнопку "В меню". Сделаем ее через String. (ПКМ - Insert object - String). И дальше настраиваем текст на свой вкус.

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Теперь переходим в редактор событий

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

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

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

... левой кнопкой мыши...

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

... на кнопку "В меню"...

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

... То происходит переход...

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

... на сцену с меню.

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Отлично! А теперь, почему бы нам не указать в нашей третьей сцене еще и титры (да, лучше б это мы сделали еще во время рисования картинки)?

Снова возьмем String и просто укажем авторство. Пример:  

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Это чисто пример, так что, как вы понимаете, в своих играх указываете своих авторов

Продолжаем - переходим в свойства приложения

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

И выбираем раздел About

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Нажимаем на окно с красной иконкой, появляется кнопка "Edit" - выбираем ее и загружаем свою иконку

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion


Теперь, давайте, создадим установщик. Переходим в File - Build - Install Program

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Жмем "Ок" и в появившемся окне можем произвести настройку, или оставить все по умолчанию. Если не особо вдаваться в детали, в этом окне можно настроить шрифт в установщике, папку установки, папку удаления и т.д.

В общем, после всех настроек нажимаем "Build Install Program"

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

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

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

Жмем "Ок". И вот такой вот установщик появляется на компе.

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion
Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

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

Делаем игру в Clickteam Fusion 2.5. Часть 3: Финальная стадия Разработка, Длиннопост, Clickteam, Clickteam Fusion

На этом создание игры закончено. Теперь у вас на руках имеется супер ААА игра, которая прям 200 из 10 :)

Ладно-ладно, а теперь без шуток - какой бы вы инструмент разработки не выбрали, будь то юнити, унреал или конструктор вроде кликтима - старайтесь выложиться на полную. Качество игры первым делом зависит не от движка, а от людей, которые его используют. Я верю, у вас все получится! :)

P.s. А этот пост, по кликтиму, у меня юбилейный - 5
P.P.s. Мои туториалы продолжатся, но теперь разбор будет по объектам кликтима, и их использованию

Показать полностью 17
38

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня

Предыдущие уроки:
1) http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...
2) http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...

Всем привет! Продолжаем урок по кликтиму. Сегодня будем завершать делать полноценный уровень


Напоминаю: это не история создания моей игры. Это туториал, для создания вашей


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

Сегодня мы завершим создавать уровень. Добавим переход между сценами, музыку и доработаем движение

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Возвращаемся на нашу сцену и ставим в ее конец активный объект: ПКМ - Insert Object - Active, после чего редактируем объект и ставим нашу картинку

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Отлично. Теперь создадим новую сцену

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Также создаем новое событие - выбираем нашего персонажа - Collisions - Another object

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Ну и в Storyboard Controls ставим Jump to frame

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

После этого выбираем нашу следующую сцену, в моем случае END

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

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

Идем дальше. Сделаем так, чтобы при нажатии определенной клавиши игра завершалась. Для этого возвращаемся в Event editor и создаем новое событие. На этот раз выбираем клавиатуру - The keyboard - Upon pressing a key. После этого появится окно, в котором нужно будет нажать на любую кнопку клавиатуры. Я выбрал Esc

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

И теперь нам нужно выбрать действие. Пусть будет снова переход сцены. Jump to frame

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Выбираем первый фрейм

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

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

Теперь возьмемся за музыку. Возьмем любой трек (не забываем про юридическую часть вопроса: http://pikabu.ru/story/o_clickteam_fusion_25_razbor_poletov_...) и перейдем в редактор событий.

Создадим событие, в котором, при старте сцены, будет включаться музыка

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

И теперь в столбце Sound выбираем Play and Loop Sample

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

В появившемся окне, напротив "From a file" жмем Browse и выбираем наш трек. Также не забываем поставить галочку на Uninterruptable и жмем "Ок"

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

В появившемся калькуляторе ставим 0, и снова жмем "Ок"

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

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


ВНИМАНИЕ: Прошу обратить внимание на этот момент - в прошлом уроке я забыл показать главный момент в анимации персонажа (прошу прощения).

Итак, выделим персонажа - ПКМ - Edit. Переходим в раздел Walking, потом во вкладку Direction Options и настраиваем скорость. К примеру, я поставил везде 19. Также, необходимо поставить галочку возле Loop. Ту же самую настройку нужно сделать для противоположного направления

Делаем игру в Clickteam Fusion 2.5. Часть 2.2: Завершение создания уровня Разработка, Clickteam, Clickteam Fusion, Длиннопост

Теперь движение будет отображаться нормально.

Показать полностью 14
64

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня

Предыдущий урок: http://pikabu.ru/story/delaem_igru_v_clickteam_fusion_25_cha...

Всем привет! Продолжаем урок по кликтиму. Сегодня будем делать полноценный уровень

Напоминаю: это не история создания моей игры. Это туториал, для создания вашей

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

Сегодняшний урок будет простым. Мы создадим персонажа и препятствие

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
Вчера мы сделали меню и переход на новую сцену. Кто не читал, и не знает как сделать сцену - смотрите предыдущий урок. Кому лень - создавайте сцену:

(ПКМ на приложение - новая сцена)

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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


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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

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

ПКМ - Restart the current frame

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

Делаем игру в Clickteam Fusion 2.5. Часть 2.1: Создание уровня Разработка, Длиннопост, Clickteam, Clickteam Fusion, Игры

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

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

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

Показать полностью 20
15

О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности"

Всем привет! Решил написать относительно небольшой разбор полетов по кликтиму. Все, что нужно знать начинающему разработчику (некоторые моменты стоит знать даже тем разработчикам, что не используют кликтим)

0) Примеры игр, и почему "конструктор - не всегда плохо":

Конструктор - лишь инструмент. В умелых руках может выйти шедевр. В плохих - кошмар. Давайте не будем ударяться в стереотипы и мракобесие. Вот пример весьма хороших игр на конструкторе Clickteam Fusion 2.5:

Gravity Cat

Concrete Jungle

The Escapists

Five Nights at Freddy

Zup

Pocket Ninjas


1) Юридическая часть

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

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

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

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

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

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

О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности" Clickteam, Clickteam Fusion, Игры, Разработка, Длиннопост
О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности" Clickteam, Clickteam Fusion, Игры, Разработка, Длиннопост
О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности" Clickteam, Clickteam Fusion, Игры, Разработка, Длиннопост
О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности" Clickteam, Clickteam Fusion, Игры, Разработка, Длиннопост

Собственно, насчет указания движка упор идет на пункт "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



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

О Clickteam Fusion 2.5. Разбор полетов, или "советы, краткий обзор функционала, особенности" Clickteam, Clickteam Fusion, Игры, Разработка, Длиннопост


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

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

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

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

5) О FireFly:

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

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

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

Показать полностью 5
147

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню

Всем привет! Я решил заняться созданием гайдов по Clickteam Fusion 2.5. На эту работу меня сподвигли две причины:
1) Просьба друга
2) Отсутствие/малое количество гайдов. Большинство (но не все) гайдов в сети - попытки создать "свой" фнаф...

Итак, начнем!

Создаем сцену в левом верхнем углу: файл-новый

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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


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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

Делаем игру в Clickteam Fusion 2.5. Часть 1: Создание меню Clickteam Fusion, Clickteam, Игры, Длиннопост, Разработка

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

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

Показать полностью 20

Чем глубже изучаешь мозг, тем больше возникает вопросов. Истории успеха, достойные «Горячего» на Пикабу #3

Чем глубже изучаешь мозг, тем больше возникает вопросов. Истории успеха, достойные «Горячего» на Пикабу #3

Вячеслав Лебедев – сотрудник и аспирант МГУ им. М.В. Ломоносова. При знакомстве с трудами нейроученых понял, что мозг – целая вселенная внутри человека, и при более глубоком его изучении возникает еще больше вопросов. Вячеслав создал центр нейрофизиологической немедикаментозной помощи детям NeuroFuture, где уже несколько лет занимается развитием внимания и концентрации у детей.


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

Отличная работа, все прочитано!