Создание 2D платформера а-ля Ghost Quest - Scirra Construct - Конструкторы игр, системы разработки игр
Навигация по сайту
Сайт:

Дополнительно:

Файловый архив:

Каталог статей:

Форум:


Категории раздела
Game Maker [27]
Flash [3]
FPS Creator X9, X10 [1]
Scirra Construct [14]
Multimedia Fusion [0]
001 Game Maker, Map 001 [0]
3D RAD [16]
3D Game Studio [1]
Silent Walk FPS Creator [0]
Blender (Блендер) [1]
Game Editor [0]
Остальное [1]
Все остальное, что не попадает ни под одну категорию.

Мини-Опрос
Какова Ваша специальность?
Всего ответов: 922

Партнеры сайта
....

 Главная » Статьи » Конструкторы игр, системы разработки игр » Scirra Construct » Создание 2D платформера а-ля Ghost Quest

Создание 2D платформера а-ля Ghost Quest

20:41
Урок по созданию 2D платформера а-ля Ghost Quest.
Что мы будем делать:
http://make-games.ru/forum/101-3268-1

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

Содержание:
1. Настройка экрана и размер уровня
2. Все, что нужно, для рисования уровня
3. Немного о Picture Editor
4. Про сетку
5. О слоях
6. Создаем главного героя
7. Настраиваем управление
8. Первый опыт в редакторе событий
9. Анимирование
10. Создаем призраков
11. Частные переменные
12. Столкновение с врагами
13. Стрельба
14. Здоровье противников
15. Создаем удобства (ESC, рестарт)
16. Интерфейс: жизни и очки
17. О глобальных переменных
18. Переход на новый уровень

Часть 1


В данной статье я покажу, как создать 2D платформер на подобии Ghost Quest. Для примера я указываю все настройки, которые использовались в Ghost Quest (GQ).

Настройки экрана и размер уровня

Запускаем Scirra Construst, что дальше?
Создаем новый проект: Файл – New – New DirectX Game

Сперва, изменим размеры экрана.
В правой части экрана переходим во вкладку Project, щелкаем по Application 1. Слева в Layout Properties указываем нужные значения, где Window Width – ширина, Window Height – высота.
В GQ использовались значения 840х480.
Также убираем галочку с пункта Caption. Это нужно для того, чтобы убрать рамку, вокруг экрана.

Как проверить, какие настройки получились?
В верхнем меню выбираем вкладку Project и щелкаем по Run layout

У вас должен отображаться белый квадрат по центру, а слева и справа – черные полосы. Что это?
Белый квадрат – это ваша сцена (уровень).

Как его увеличить?
Справа внизу переходим во вкладку Project, и в папке Layouts (в ней хранятся все ваши уровни), щелкаем по Layout 1 (это ваш первый уровень). Теперь слева изменяем необходимые параметры, где Width – ширина уровня, Height – высота уровня. Ставим 1680х480.
Здесь же вы можете изменить название для уровня, отредактировав пункт Name. прописываем Level 1.


Часть 2


Все, что нужно, для рисования уровня

Уже хочется приступить к рисованию уровня?
Для начала нам нужно создать объект, по которому наш герой будет перемещаться. Дважды щелкаем по нашему уровню (белый квадрат/прямоугольник по центру), либо щелкаем по нему же правой кнопкой мыши и выбираем пункт Insert an object, либо в верхнем меню переходим во вкладку Layout и щелкаем по Insert object.
Далее дважды щелкаем по Sprite, и тыкаем в любую область нашего уровня.

Появилось окно Picture Editor. Это встроенный в конструктор редактор изображений. В нем, на подобии Paint, мы можем рисовать различные объекты, которые будут в игре.

Левая колонка отображает набор инструментов. Все стандартно (карандаш, кисть, заливка, линии), кроме Hotspot и Image Points.
Hotspot указывает центральную для спрайта точку, относительно которой он будет размещен. Обычно, она размещается по центру.
Image Points – о них позже.

Подробнее о Picture Editor вы можете прочитать здесь:
http://scirraconstruct.ru/guide/articles/interface/picture-editor/

На верхней панели щелкаем по Resize Canvas (изменение ширины и высоты изображения), и указываем 30х30. Рисуем наш блок, по которому герой и будет перемещаться. Для удобства можно поставить Hotspot по центру изображения (в точке 15,15).

Закрываем Picture Editor. Scirra предложит нам сохранить спрайт – отвечаем взаимностью.

Итак, мы нарисовали блок. Но он всего один, это что же, каждый квадрат рисовать заново? Нет, достаточно его просто размножить.
Выделяем наш спрайт, нажимаем на клавиатуре Ctrl + C, затем Ctrl + V и вставляем спрайт в нужном месте, либо щелкаем по спрайту правой кнопкой мыши и выбираем пункт Copy, после щелкаем правой кнопкой мыши по любой точке уровня и выбираем пункт Paste.
Вы заметили, что после пункта Paste, присутствует пункт Paste Clone?
Paste Clone создает объект, идентичный клонируемому, но по сути - это два совершенно разных объекта с одинаковыми настройками.
К примеру, если создать несколько квадратов желтого цвета, а затем попытаться изменить цвет, хотя бы у одного – изменятся цвета всех квадратов. Чего не произойдет при нескольких квадратах, размноженных через Paste Clone.

Создайте несколько квадратов и попробуйте их расставить по уровню.

Хм.. не так-то просто выдержать ровную линию? И для таких случаев у нас есть нужные инструменты.
В верхнем меню переходим во вкладку Layout. Выбираем пункт Edit grip и выставляем значения 30х30. Нажимаем ОК. Ставим галочку напротив пункта Snap-to moving (включаем).

Мы создали сетку, размером 30х30 пикселей, по которой можно ровной линией выставлять наши блоки. Для отображения сетки щелкаем по Toggle grid.

Вот теперь расставлять блоки одно удовольствие!

Уровень нарисован, а как сделать фон?
В GQ фон сделан через градиент. Давайте повторим.
Создаем новый спрайт, указываем ему размеры 128х128. Выбираем инструмент Rectangle Tool. Сверху появились параметры, которые можно менять. В пункте Style, выбираем пятый параметр. Это градиент. Теперь нам нужно выбрать 2 цвета. Первый (выбираем через левую кнопку мыши), – который будет в верхней части изображения, второй (выбираем через правую кнопку мыши) – который будет в нижней части изображения. Далее программа сама сделает плавный переход с первого ко второму цвету.
Выбираем темно-синий и синий цвета. Затем выделяем всю область для закрашивания.
Сохраняем.

Теперь нам нужно растянуть фон по всему размеру уровня. Можно либо растягивать изображение, либо задать ему нужные параметры напрямую. Делается это так:
Выбираем наш фон. Слева в панели Properties открываем вкладку Common и проставляем значения Width и Height. Там же переименовываем спрайт в Fon.

Если сетка мешает, можно отключить ее, сняв галочку с пункта Snap-to moving.

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

В правой панельке переходим во вкладку Layers. Мы видим один слой, под названием Layer 1. Так как больше слоев нет, то все объекты создаются на нем.
Чуть выше находится меню управления слоями.
Зеленая стрелка вверх/вниз – создать слой, который будет находиться выше/ниже существующих.
Корзина – удалить выделенный слой
Иконка глаза – сделать все объекты выделенного слоя невидимыми.
Замок – блокирует перемещение объектов этого слоя.
Серые стрелки вверх и вниз – перемещение выбранного слоя вверх или вниз.

Т.к. фон должен находиться под всеми изображениями, щелкаем по зеленой стрелке, направленной вниз. Создался новый слой и ему присвоено имя Layer 2.

Теперь перенесем наш фон в этот слой, для этого просто выделяем фон и перетаскиваем его на Layer 2. Все, теперь все находится на своих местах.

Для удобства можно изменить название слоям. Щелкаем по Layer 2 и в левой панели Properties в пункте Name пишем Fon.
Также переименуем Layer 1 в Carcas.

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


Часть 3


Создаем и анимируем главного героя, настраиваем управление

Пришло время создавать главного героя.
Герой в GQ состоит из двух объектов:
1. "Скелет” героя – он невидим в игре, но именно он отвечает за передвижение героя
2. Его оболочка – то, что мы видим

Зачем такое разделение?
Приведу пример:
Допустим, мы оставили только лишь одну оболочку и ей дали возможность перемещаться, прыгать, плавать и т.п. Оболочка героя – это его рисунок. Посмотрите на героя GQ. Его рука отходит от одной линии с телом и в результате, при соприкосновении с углами блоков, герой может зависнуть в воздухе, т.к. его рука зацепится о край.
"Скелет” же представляет собой прямоугольник, который не имеет вогнутостей и выпуклостей, что означает – цепляться нечему.

Переходим к делу. Создаем новый спрайт размером 25х30. Разукрашиваем, как вздумается, это не имеет значения. Ставим Hotspot на позицию X=13, Y=15. Сохраняем. Переименуем спрайт в bazis.
Мы создали "скелет” героя.
Что умел персонаж GQ? Ходить влево, вправо, прыгать и стрелять. О стрельбе поговорим в отдельном пункте, об остальном – здесь и сейчас.

Наиболее частые действия для персонажа уже заготовлены разработчиками в виде "поведений”.
Выбираем bazis. В панели Properties открываем вкладку Behavior (поведения), нажимаем Add.
Перед нами заготовки частых поведений. Некоторые из них будут рассмотрены в этой статье.
Выбираем из списка поведение Platform, и оно автоматически применится к нашему спрайту.
Поведение Platform – это типичное поведение для героя платформера. С помощью него персонаж может перемещаться по твердым объектам и прыгать.

Давайте сразу сделаем так, чтобы герой был всегда по центру экрана. Выбираем bazis, в панели Properties открываем вкладку GroupsAttributes. И ставим галочку напротив Center view on me.

Неплохо было бы испытать. Располагаем bazis над блоками и запускаем уровень (Run layout).
Перед нами возникает такая картина: bazis проходит сквозь блок, падая вниз. Это произошло из-за того, что мы не дали никаких настроек блокам и на данном этапе они выступают лишь как картинки.

Выделяем блок. В панели Properties открываем вкладку Groups – Attributes и ставим галочку напротив пункта Solid (сделать твердым). По твердым объектам можно ходить. Еще можно ходить по Platform. Отличие Solid от Platform в том, что на Platform можно запрыгивать снизу и с них можно спускаться, нажав стрелку вниз и клавишу прыжка.

Делаем повторную проверку. Теперь bazis не проваливается сквозь землю и спокойно перемещается куда нужно.

Давайте настроим управление. При применении к спрайту поведения Platform, ему задается стандартное управление:
Стрелки – движение
Shift – прыжок

Это управление прописано по адресу: вкладка Project (в правой панельке), Application 1, далее в панельке Properties (слева) вкладка Controls.
Move Left – движение влево
Move Right – движение вправо
Jump – прыжок
Остальные нам не нужны. Движение влево и вправо стоит как надо, а вот прыжок изменяем, выбрав клавишу Z.

Теперь изменим высоту прыжка.
Выбираем bazis, Properties – Platform Behavior. Изменяем параметр Jump strength с 800 на 325. Мы изменили высоту прыжка, сделав ее меньше. Теперь, если нажать на Z – герой подпрыгнет на фиксированную величину. Но, в GQ, при зажатии клавиши прыжка герой прыгал еще выше, чем при простом нажатии. Для этого нам всего лишь нужно проставить значение Jump sustain time на 250. Этот параметр как раз таки и влияет на продолжительность прыжка.

В той же вкладке рассмотрим еще три параметра.
Скорость персонажа на земле определяется параметром Max floor speed. Ставим значение 180.
Скорость персонажа в воздухе – параметр Max air speed. Для того, чтобы сделать скорость и на земле и в воздухе одинаковой – ставим одинаковые параметры, т.е. 180.
Уберем галочку напротив пункта Allow bunny hop – если этого не сделать, то при зажатой клавише прыжка герой будет прыгать сразу после приземления. В GQ же для повторного прыжка нужно было повторно нажимать прыжок.

Делаем bazis невидимым в игре, ведь он выступает лишь в роли скелета. Делается это просто: Properties – Appearance – ставим галочку напротив Invisible on start.

Самое время создавать оболочку.
Создаем новый спрайт размером 25х30, рисуем, проставляем позицию Hotspot на X=13, Y=15 сохраняем. Переименовываем спрайт в Hero. Это будет наш главный герой.

Теперь нужно привязать оболочку к скелету.
Открываем редактор событий: снизу в центральном экране переходим во вкладку Event Sheet Editor, либо в правой панельке Project – щелкаем по + у Level 1 (или если не меняли название уровня Layout 1) – Layout 1 events.
Открылось окно, в котором мы будем прописывать все события.

Редактор событий - мощный инструмент, благодаря которому не нужно изучать языки программирования, чтобы создать игру. Но это вовсе не означает, что думать нам не придется.
У редактора своя логика. Она достаточно простая, нужно ее лишь понять.

Давайте подумаем, что мы хотим сделать. Мы хотим, чтобы всегда объект Hero находился на том же самом месте, что и объект bazis, т.е. прилепить hero к bazis.
Реализовываем:
Щелкаем правой кнопкой мыши – выбираем пункт Insert event (вставить событие).
Далее System – и в выпавшем списке ищем Always (всегда, каждую секунду).
Создалось событие.

Справа от него щелкаем по New action (новое действие) – Hero – Set position to another object (установить позицию относительно другого объекта) – Pick an object (выбрать объект) – выбираем bazis – Finish.

Готово, теперь все так, как мы запланировали.
Как уже можно было заметить, редактор делится на 2 части: указание действий, которые должны произойти (правая часть редактора) и указание событий, при которых это действие происходит (левая часть).

В данном случае мы сделали действие "Установить позицию объекта Hero относительно объекта bazis”, и событие, когда это действие должно выполняться "Это должно происходить всегда”.

Далее хотелось бы сделать так, чтобы оболочка поворачивалась влево, при движении влево и вправо, при движении вправо.
Реализовываем:
Данное событие должно выполняться с помощью клавиатуры (ведь движение – это стрелки). В данный момент клавиатура не подключена. Проделываем следующие манипуляции: переходим во вкладку Layout Editor (у центрального окна внизу, либо в правой панельке вкладка Project – Level 1). Правая кнопка мыши по любой области уровня – Insert an objectMouse & Keyboard.
Готово, теперь подключена клавиатура, а заодно и мышь.

Переходим обратно в редактор событий. Создаем событие:
Щелкаем правой кнопкой мыши – Insert event (вставить событие) – MouseKeyboardKey is down? (клавиша нажата?) – выбираем из списка Left arrow (стрелка влево) – Finish.
Создаем действие:
New actionHero – Set angle (установить угол) – прописываем значение 180 – Finish.

Мы создали событие, когда при нажатой клавише Стрелка влево герой поворачивается налево. Создадим аналогичное событие, но для другой стороны:
Щелкаем правой кнопкой мыши – Insert event (вставить событие) – MouseKeyboardKey is down? (клавиша нажата?) – выбираем из списка Right arrow (стрелка вправо) – Finish.
Создаем действие:
New action – Hero – Set angle (установить угол) – прописываем значение 0 – Finish.

Попробуем, как выглядит? Run layout.
Ох.. возник косяк, при повороте наш герой поворачивается еще и по оси. Не хорошо. Но исправить это проще простого.

Переходим в редактор уровней (Layout Editor). Выбираем Hero – Properties – Angle – ставим галочку напротив Auto mirror (отзеркаливание).
Проверяем. Теперь все ок, персонаж поворачивается по сторонам. Неплохо было бы сразу добавить ему анимации ходьбы и прыжка.
Выбираем объект Hero и в правой панели заходим во вкладку Animator.
Окно Animator делится на 2 части. Сверху расположен список групп анимаций выбранного объекта (по умолчанию для каждого объекта создается группа Default). Под списком групп отображаются все анимации, которые входят в данную группу. Для того, чтобы их увидеть, щелкните по пункту Angle: 0 (Right) (у вас должен отобразиться 1 спрайт, который вы рисовали для оболочки героя).
Для начала, переименуем уже имеющуюся группу анимаций в Stop. Для этого щелкните по Default и в панели Properties измените пункт Animation name.

Давайте создадим анимацию ходьбы.
На верхнем окошке панели Animator щелкните правой кнопкой мыши – Add new animation (добавить новую анимацию).
Создастся новая группа анимации. Переименуйте ее в Move.
Если щелкнуть по Angle: 0 (Right) у группы анимации Move, то мы увидим один пустой спрайт. В Scirra Construct любая группа анимаций не может иметь пустого значения (т.е. нельзя, чтобы в ней не содержалось ни одного спрайта), поэтому и создается пустой спрайт.
Просто так удалить его нельзя, нужно сперва создать еще один.

Здесь можно пойти двумя путями:
1. В нижнем окне панели Animator щелкните правой кнопкой мыши – add frame (добавить новый кадр анимации), открываем его и можно рисовать. Только не забудьте указать Hotspot в той же точке, что и у основного спрайта. Если этого не сделать, то в итоге вы получите скачущую картинку. Проще всего указывать у всех спрайтов в анимации одни и те же значения и ставить Hotspot в одну и ту же точку. В нашем случае, значения 25х30, позиция Hotspot: X=13, Y=15.
Если использовать этот путь анимирования, то каждый кадр нужно будет рисовать с нуля, что не очень то и удобно.
2. Суть второго метода в том, что мы копируем первый спрайт, и в редакторе Picture Editor лишь изменяем нужные части. Делается это так:
Щелкаем по группе анимации Stop – Angle: 0 (Right) – правой кнопкой по имеющемуся у нас единственному спрайту – Copy frames.
Далее переходим в созданную группу Move – Angle: 0 (Right) – правой кнопкой по пустому месту нижнего окошка – Paste frames.
Все готово, теперь можно рисовать анимацию, на основе уже имеющегося спрайта.

Сейчас ваша задача – нарисовать движение героя. Для этого вам хватит 4-6 кадров анимации.
После того, как анимирование завершено – удаляем тот пустой спрайт.

Аналогично рисуем анимацию прыжка. Единственное отличие – прыжок состоит из двух групп анимаций.
Создаем первую и называем ее Jump. В ней вы должны нарисовать лишь "взлет” персонажа. В GQ взлет состоит из двух кадров: первый кадр - толчок от земли, второй – полет до верхней точки прыжка.

Создаем вторую группу и называем ее Fall. В ней рисуем падение героя, т.е. кадры с того места, когда он достиг верхней точки прыжка. В GQ на это я потратил 3 кадра.

Все, анимация готова. Сама собой она, конечно, не вставится в игру, поэтому будем ее встраивать руками.
Переходим в редактор событий.
Давайте проговорим то, что мы хотим сделать. Мы хотим, чтобы при движении героя влево проигрывалась анимация движения в левую сторону (Move), при движении вправо – показывалась анимация движения в правую сторону (Move), при нажатии на клавишу прыжок проигрывалась анимация взлета (Jump), а в тот момент, когда герой падал, нам показывалась анимация падения (Fall).

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

Итак, правильное решение:
Добавляем новое событие – bazis – сверху переходим во вкладку Platform – выбираем пункт Is moving (в движении). Это еще не все. Ведь персонаж может быть в движении, как в воздухе, так и на земле. Нам же нужно, чтобы проигрывалась анимация движения только тогда, когда он на земле.
Для этого щелкаем правой кнопкой мыши по только что созданному событию – выбираем пункт Insert new condition – bazis – вкладка Platform – Is on ground (на земле).
Мы создали такое событие, при условии которого наш герой находится и в движении и при этом на земле.
Добавляем действие – New action – Hero – Set animation – и прописываем "Move” (вместе с кавычками).
Теперь герой будет ходить, но появилась новая проблема – он будет ходить даже тогда, когда будет стоять на месте. Давайте сделаем так, чтобы при остановке, герой менял анимацию на Stop.
Новое событие – bazis – вкладка Platform – Is on ground
Щелкаем правой кнопкой мыши по только что созданному событию – Insert new condition (далее, для краткости, я буду называть это вторичным событием) – bazis – Platform – Is moving.
Теперь нажимаем правой кнопкой мыши по созданному событию Is moving – Invert condition.
Invert condition – это обратное событие. Т.е. если у нас событие "Герой в движении”, то если применить к нему Invert condition, мы получим обратное событие "Герой не в движении”, т.е. стоит на месте.
Создаем к событию действие – New action – Hero – Set animation – прописываем "Stop” (с кавычками).
Анимация движения для героя на земле готова. Создадим анимацию прыжка:

Новое событие – bazis – Platform – Is jumping (в прыжке)
Действие – New action – Hero – Set animation – "Jump”

Ну и анимация падения:
Новое событие – bazis – Platform – Is falling (падает)
Действие – New action – Hero – Set animation – "Fall”

Если сейчас вы запустите уровень, то заметите косяк со скоростью – она слишком высокая. Настроить скорость можно очень просто:
Переходим во вкладку Layout Editor и выделяем Hero. Выберите группу анимаций Move и в ней – Angle: 0 (Right). В панели Properties пункт Animation speed отвечает за скорость изменения кадров этой группы. Для каждого объекта выставляется своя скорость, в зависимости от количества кадров и нужного эффекта. В GQ я поставил скорость = 6.
Также обратите внимание на пункт Loop – это зацикливание анимации. Т.е. когда будут проиграны все анимации в выбранной группе – они начнут проигрываться заново. Для группы Move – этот параметр оставляем включенным, а вот для групп Jump и Fall – выключаем.

Поздравляю. Персонаж полностью анимирован.


Часть 4

Создаем призраков и здоровье героя

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

Начнем мы, как всегда, с малого. Помните летающего призрака, самого первого противника в GQ? Вот его-то мы сейчас и реализуем.

Создаем новый спрайт размерами 14х25, рисуем что-то похожее на летающую простыню с глазами и проставляем значения Hotspot по центру (X=7, Y=12).
P.S. если рисунок создается за фоном – то перетаскиваем его на слой выше (в нашем случае – на слой Carcas). Чтобы рисунки всегда создавались на слое Carcas, нужно просто выделить его.
P.P.S. если вы не можете перетаскивать спрайт, проверьте, не стоит ли замок на том слое, на котором он находится.

Переименуйте спрайт в Ghost.
Далее добавляем поведение призраку.
Выделяем Ghost – Properties – Behaviors – Add – Bullet.
Bullet (пуля) – это поведение, при котором объект всегда летит прямо в выбранном направлении.
Сразу изменим пункт Speed (скорость), поставив значение 50. И сделаем отзеркаливание – Properties – Angle – Auto mirror.

Нажимаем Run layout, проверяем.
Наш призрак летит вправо с невысокой скоростью. Как же заставить его повернуть?

Здесь мы можем пойти двумя путями. Первый зависит от времени, второй – от конкретных позиций на уровне (в GQ использовался второй метод).

Первый путь. Суть его в том, что каждые X секунд призрак поворачивается и идет в противоположную сторону. Когда X секунд прошло снова – призрак вновь поворачивает и так до бесконечности.
Реализация:
Переходим в редактор событий. Новое событие – System – Every X milliseconds – и пишем значение времени, допустим, 5 секунд (время в редакторе указывается в миллисекундах, т.е. 1 секунда = 1000 миллисекунд, соответственно 5 секунд = 5000 миллисекунд).
Действие – New Action – Ghost – Set Angle (установить угол) – пишем Ghost.Angle+180

Разберем фразу Ghost.Angle+180
Слово перед точкой обозначает объект, над которым мы хотим провести манипуляции. Нашим объектом является призрак Ghost. После точки указываем то, что хотим изменить. Мы хотим изменить угол (Angle). По умолчанию угол равен 0 градусов. К этим 0 градусам мы каждые пять секунд добавляем 180 градусов, т.е. пишем "+180”. Можно написать "-180”, значения не имеет.

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

Второй путь (или путь самурая).
Удаляем все то, что мы нахимичили в первом методе. Переходим в Layout Editor и создаем новый спрайт, размеры произвольные (для удобства поставьте где-то 10х50), заливаем его любым цветом, сохраняем, переименовываем в Wall.
Объект Wall – это стенка, при соприкосновении с которой призрак поворачивается на 180 градусов. Эта стенка не должна быть видимой в игре, поэтому выделяем ее – Properties – Appearance – ставим галочку у пункта Invisible on start.

Логично предположить, что стенок должно быть две: одна слева, вторая справа. Поэтому копируем Wall и ставим одну стенку на позиции, где призрак должен поворачиваться влево, а вторую на позиции, где призрак должен поворачиваться вправо. Между ними располагаем призрака.

Переходим в редактор событий.
Новое событие – Ghost – On collision with another object (взаимодействует с другим объектом) – Pick an object (выбрать объект) – WallFinish.
Действие – New Action – Ghost – Set angle – прописываем Ghost.Angle+180 – Finish.

Все готово. Получился летающий призрак, но… Какой-то он не реалистичный. Можно, конечно, нарисовать ему пару анимаций, но мы пойдем другим путем.

Переходим в Layout Editor. Выделяем Ghost – Properties – Bullet Behavior – Add – Sine
Изменяем следующие параметры:
Period (частота) – ставим 1600
Range (высота) – 5

Смотрим что получилось. Вполне себе симпатично, и без анимирования. А если еще и анимацию добавить…

Что-то в этом призраке не так.. Он не атакует героя.
Пока что наш герой бессмертный, давайте это исправим.

Выделяем bazis – Properties – Private Variables – Add/Edit
Вылезло небольшое окно, в котором хранятся все переменные объекта bazis.
Переменные – это очень важная функция. С помощью нее можно реализовать очень и очень много действий.
Как пример: здоровье героя и врагов, патроны к оружию, очки, модели поведения любых объектов на экране. Я вам настоятельно рекомендую почитать специализированные статьи по переменным, т.к. без их знания даже в Scirra Construct далеко не уедешь.

Рассмотрим, что можно здесь сделать:
Зеленый крест – добавить новую переменную
Красный крест – удалить выбранную переменную
Листок с карандашом – редактировать выбранную переменную
Стрелки – перемещение выбранной переменной выше/ниже

Нажимаем на зеленый крест. И изменяем следующие параметры:
Name – Life
Type
(тип переменной: числовой или текстовый) – Оставляем Number
Initial
(значение при старте) – 4

Мы создали частную переменную для объекта bazis со значением 4. Предполагается, что это 4 жизни у героя.

Переходим в редактор событий.
Новое событие – bazis – On collision with another object – Pick an object – Ghost – Finish
Действие – New action – bazis – Substruct from value – в пункте Value прописываем 1

Теперь при соприкосновении героя с призраком, у героя отнимается единица из переменной Life. Давайте сделаем так, чтобы при Life = 0 герой умирал.

Новое событие – bazis – Compare a private variable и проверяем, чтобы следующие параметры были такими:
Private variable (частная переменная) – Life
Comparison – Equal to (равно)
Value – 0
Т.е. частная переменная Life равна 0.
Если все ок - Finish

У Comparison есть еще несколько параметров, на все случаи жизни:
Not equal to – не равно
Less than – меньше, чем
Less or equal – меньше или равно
Greater than – больше, чем
Greater or equal – больше или равно

Действие – New action – bazis – Destroy
Вторичное действие (еще одно действие для этого же события) – New action – Hero – Destroy.

Теперь, если вы соприкоснетесь с призраком 4 раза – герой умрет.

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

Переходим в Layout editor и выделяем Ghost – Properties – Groups – Families – Add – выделяем Enemy - Ok
Нашему призраку добавился класс Enemy. Теперь мы будем всех призраков добавлять в данный класс, чтобы им устанавливались одинаковые настройки.

!!!ВНИМАНИЕ!!!
Следующая реализация соприкосновений работает не совсем корректно, в чем причина – напишу несколькими абзацами ниже.


Переходим в редактор событий.
Новое событие. Обратите внимание, что добавилась группа Families. Группы и пункты добавляются в редактор событий только в том случае, если они присутствуют в Layout Editor или в параметрах у уже созданных объектов.
Выбираем Enemy – On collision with another object – Pick an object – bazis

Правой кнопкой мыши по только что созданному событию – Insert sub-event (вставить под-событие) – Hero – Compare angel – пишем 0 – Finish
Опять правой кнопкой мыши по созданному под-событию – Insert sub-event – System – Trigger once while true (выполнить один раз, если правда)
Действие – New action – bazis – Platform – Set X component of motion – пишем -500 (минус пятьсот) - Finish

Sub-event (под-событие) – это события, которые будут выполняться только в том случае, если будет выполнено событие, находящееся выше него.

Мы сделали так, что при соприкосновении bazis с любым призраком, входящим в группу Enemy, включалось под-событие, которое проверяет, в какую сторону смотрит наш герой. Если герой смотрим в правую сторону (0 градусов), то его отталкивает на 500 единиц влево.

Теперь сделаем аналогичное действие, но для того события, когда герой смотрит влево (180 градусов).

Новое событие – Enemy - On collision with another object – Pick an object – bazis
Создаем sub-event – hero – Compare angel – пишем 180 – Finish
Sub-event для только что созданного sub-event’а – System – Trigger once while true
Действие – New action – bazis – Platform – Set X component of motion – пишем 500 - Finish

Все готово, проверяем.

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


Продолжение в сообщении №5 данной темы

Скачать:
http://zalil.ru/upload/33617053
http://rghost.ru/39440889

P.s. в пункте 12 сделана некорректная реализация столкновений. Если кто знает как исправить - пишите, я исправлю текст.
P.p.s. у меня очень жесткий интернет, поэтому я не смогу прикрепить картинки к каждому действию. Буду рад, если кто-нибудь сделает это за меня.

Категория: Scirra Construct | Просмотров: 2719 | Добавил: Loko™ (15.10.2012) | Рейтинг: 3.0/2
HTML ссылка на материал:
BB ссылка на материал:
Похожие материалы :
Возможно вам будет интересно:
PHP - Базовые понятия (0)
24 совета по программированию в Delphi (Дельфи) часть 2 (0)
Поиск файлов на винчестере в Delphi (0)
Создаем 2-х битный теннис на двоих без программирования (0)
Game Maker. Начало (1)
Создаем анимацию игрока (0)
Создаем танчики (0)
Несколько советов (ГМ) (0)
Создание заставки (Intro) (0)
Броня для игрока (1)
PHP и MySQL – Теоретический курс. Введение. (2)
С чего начать создание игры для начинающих? (13)
Урок по PaintNET (1)
Задротство - основа MMO игр (7)
startDrag или как заставить объект двигаться за мышью? (0)
Всего комментариев: 1
1 ZiP   (16.11.2012 21:19)
Я уже на половине текста, решил установить Scirra Construct и начать создавать игру по этому уроку. Отличная работа! cool <br /> P.S. Ещё бы разбавить текст изображениями и вообще статья как книга будет.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мы в социальных сетях

Поиск
Поиск по всему сайту:
Поиск по разделу:

Панель пользователя
Здравствуйте, Гость


Ник:
Пароль:
Запомнить :

Ваш IP: 54.211.82.105

Случайные конструкторы

Случайные движки

Случайные статьи

Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0

На сайте были:
ZiP

При полном или частичном копировании материалов сайта ссылка на Make-Games.ru обязательна. Make-Games.ru © 2008 - 2016 Хостинг от uWeb
Топ Разработка игр Рейтинг@Mail.ru