Как сделать игру обучающую
Как создать игру, ничего не умея. Часть первая: модели и анимации
Привет, меня зовут Павел, и я разработчик игр. На идею рассказать о разработке игр людьми, которые ничего не умеют, но горят желанием, меня натолкнул мой брат.
— Я придумал игру, создай мне её.
— А почему ты сам её не создашь?
— Я не умею.
И я задумался, а так ли сложно что-то создать с нынешним количеством уроков и тем по созданию игр в интернете?
С чего начать?
Для начала нам нужна идея, что за игру мы будем создавать, благо у меня была идея брата. Рассмотрим её поближе.
Думаю, что данный план вполне подойдёт для создания шедевра ААА класса =).
Начнём создавать шедевр
В первую очередь регистрируемся на сайте Unity, скачиваем и устанавливаем движок последней версии. Далее перевоплощаемся в человека, который совершенно ничего не знает о движке и о создании игр.
Идём в интернет и спрашиваем «как нам начать использовать Unity?».
Запускаем Unity Hub.
Выбираем NEW и далее 3D проект, пишем название и местоположение проекта.
И открывается сама программа.
И тут, наверное, знатоки начнут кидаться картошкой со словами «Зачем столько воды? Все и так это знают» НО! Материал предназначен в первую очередь для тех, кто ничего не умеет, а не для гуру геймдева =).
Дальше снова идём в интернет либо проходим туториал в самой программе, чтобы научиться основам работы с движком. Для того, чтобы воспользоваться туториалом в программе, нужно в окне Unity Hub нажать на строчку Learn и выбрать любой из проектов. Я советую пройти все уроки и посмотреть несколько роликов по созданию игр.
Как создать модели для игры?
Я выбрал второй вариант. Отправляемся в AssetStore. Если у вас не активировалась ваша учетная запись, повторно входим в личный кабинет. И начинаем искать подходящие паки. Я нашел то, что нужно, примерно за 3 минуты по поиску knight. В паке, помимо моделей самих персонажей, были модели окружения. Купил за 10 долларов, нажал Import, поставил все галочки, и пропала проблема, неумения моделировать. 1/4 игры готово.
Сцена
Дальше начинается самое нудное. Нужно собрать рабочую зону (scene, сцену, кому как привычнее называть).
Я привык сначала прописывать персонажей, анимацию, и прочую ненужную (очень нужную) ерунду в начале работы, а уже после того как основные механики готовы, я собираю уровень (локацию, игровую зону). Для начала давайте в сцену поставим кусок земли, на которой будет стоять наш персонаж, и начнём работать с анимацией.
Далее добавляем персонажа (рыцаря, демона, ниндзю, тяночку, или кто вам больше по душе). Персонажа берем из папки Prefabs: мы уже знаем (вспоминаем, чему нас научили во вкладке Learn), что туда сохраняют полностью готовые объекты, персонажей и так далее.
И вот он, наш герой, который будет покорять всех и вся.
Анимация
Помните в рейде «Цитадель Ночи» в World of Warcraft был босс Алуриэль? Когда она произносила заклинания, то кричала «Аннигиляция, репликация, детонация, АНИМАЦИЯ. ». Нам необходимо с криком «Анимация!» наброситься на интернет и понять, как её сделать.
Изучаю кучу материала по созданию анимации, и…, либо я дурак, либо лыжи забыл. Реально перелопатил полтора часа материала, но так ничего более-менее подходящего не нашел. Поэтому я решил объединить несколько уроков в один и собрать простой способ анимации.
Что нужно в первую очередь? По мне — так научиться ходить и бегать. Возьмём анимацию ходьбы и бега.
Теперь создаём папку Animation в Unity и добавляем туда нашу анимацию. Начинаем настройку.
Вот мы и победили нашу анимацию! УРА! Теперь нам нужно подключить её к нашему персонажу. Вперед, к финишной прямой!
Выбираем персонажа, inspector, окно Animator, и в строке Controller нажимаем на кругляшок. Появится выбор, где мы и увидим нашу Animation, выбираем её и нажимаем на кнопку Play в Unity. Если вы всё сделали правильно, то сейчас должны наблюдать как ваш персонаж стоит, и у него проигрывается анимация Idle. То есть, он стоит и немного покачивается.
С анимацией разобрались, пора включать снова человека, который ничего не умеет =)
Скрипт W A S D
Анимация у нас есть, теперь нужно заставить нашего персонажа двигаться. Покопавшись в интернете, я узнал, что можно просто добавить компонент Character Controller. Так и сделаем — тыкнем Add Component, в поиск вбиваем Character Controller и добавляем его, в строке Center выставляем Y=1 (нужно, чтобы «яйцо» покрывало всего персонажа. Если у вас получилось меньше или больше, то просто настройте его вручную).
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class Move: MonoBehaviour
<
public float speed = 3.0F;
public float rotateSpeed = 3.0F;
void Update()
<
float horizontal = Input.GetAxis(«Horizontal»);
float vertical = Input.GetAxis(«Vertical»);
CharacterController controller = GetComponent ();
transform.Rotate(0, horizontal * rotateSpeed, 0);
Vector3 forward = transform.TransformDirection(Vector3.forward);
float curSpeed = speed * vertical;
controller.SimpleMove(forward * curSpeed);
Тут я немного поясню скрипт.
Верхние четыре строчки — это подключение библиотек, public class — название скрипта. Если у Вас скрипт называется Moving или что-то в этом роде, то поменяйте название. Учтите, к регистру скрипт тоже придирчив.
public float speed = 3.0F; public float rotateSpeed = 3.0F; — это скорость персонажа, настраивается по желанию. Далее идёт подключение управления Character Controller и, соответственно, анимации.
Перетаскиваем скрипт в Inspector персонажа и проверяем. It’s ALIVE.
Но есть нюанс: поворачивается наш персонаж слишком быстро и не подключена анимация бега. Скорость поворота лечится просто — выставляем в строке Rotate Speed 0.5, и наш персонаж больше не использует чит-крутилку из CS GO. Теперь сделаем, чтобы наш персонаж все-таки побежал. Снова интернет, хотя, по мне, тут можно и логически додумать, как всё провернуть, но всё же я нашел строчку кода, чтобы всё заработало. Добавляем в наш код такую строчку
Если у Вас возникли вопросы, что такое Fire3, то ответ прост: это LShift, а проверить это можно, зайдя File->Build Setting->Player Setting->Input Manager. Эту информацию также не составило труда найти в интернете.
После проверки наш персонаж при нажатии клавиши LShift сменил свою анимацию на бег, но при этом его скорость никак не изменилась. Снова уже по протоптанной дорожке идём сами знаете куда, и я снова нашел строчку кода, которая мне подошла и оказалась полностью рабочей.
В итоге весь скрипт у нас получился такого вида
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class Move: MonoBehaviour
<
public float speed = 3.0F;
public float rotateSpeed = 3.0F;
void Update()
<
float horizontal = Input.GetAxis(«Horizontal»);
float vertical = Input.GetAxis(«Vertical»);
CharacterController controller = GetComponent ();
transform.Rotate(0, horizontal * rotateSpeed, 0);
Vector3 forward = transform.TransformDirection(Vector3.forward);
float curSpeed = speed * vertical;
controller.SimpleMove(forward * curSpeed);
if (Input.GetKey(KeyCode.LeftShift))
<
speed = 6.0f;
>
else
<
speed = 3.0f;
>
Всё проверили, всё работает, осталось только прикрепить камеру к персонажу. Без заморочек просто перетаскиваем Main Camera в нашего персонажа, далее её настраиваем как нам удобно, проверяем и празднуем ПОБЕДУ!
Заключение
Я считаю, что не имея никаких знаний и денег, а только немного терпения, можно самому создать свою игру. Если вас смущает покупка пака из Asset Store, то всегда можно найти бесплатные паки. Я порылся в интернете и нашел как минимум 6 ресурсов, которые их предоставляют. Советую помимо интернета начать изучение какого-либо направления гейм дева.
Все описанное в этой статье было собрано без специальных знаний с помощью интернета.
Создаем обучающую игру в PowerPoint
Школьники младшего и среднего возраста всегда с энтузиазмом берутся за решение задач в игровой форме. Старшеклассники относятся к обучающим играм сдержаннее, но предложение поиграть воспринимают с интересом. Педагогу нужно лишь подобрать задания в соответствии с возрастом школьников.
В качестве примера создадим игру «Интеллектуальный тир». Для этого воспользуемся знакомой большинству пользователей программой PowerPoint. Контентом в игре может быть графика, текстовая информация, звуки и видеоролики. Чем больше типов контента используется, тем сложнее и увлекательнее будет игра.
I этап, подготовительный
II этап, сборка игры
1. Запускаем PowerPoint и создаем три слайда:
2. Отключаем переходы и смену слайдов, чтобы избежать случайных переходов по щелчку.
3. Оформляем титульный слайд.
а) Устанавливаем в качестве фона рисунок — мишень, настраиваем прозрачность и применяем ко всем слайдам. Добавляем рисунок — силуэт стрелка, который размещаем на всех слайдах.
б) Создаем с помощью меню Вставка фигуру стрелки с надписью СТАРТ. Это первая кнопка внутренней навигации, которая позволит перейти на слайд с игрой. Добавляем к фигуре эффект анимации.
в) К кнопке “СТАРТ” прикрепляем гиперссылку на второй слайд.
4. Оформляем финальный слайд.
Силуэт стрелка и мишень как на титульном слайде. Необходимо похвалить успешного школьника, который ответил на все вопросы. Для этого на слайде размещаем надпись “МОЛОДЕЦ”. Можно добавить анимацию.
5. Оформление второго — основного слайда c игрой:
Идея игры: Стрелок в виртуальном тире может выстрелить в три мишени. Мишени — воздушные шарики разного цвета. Для стрельбы стрелку предложены четыре патрона. Выбор одного из патронов приведет к промаху (это игровой элемент).
Поразив мишень (шарик при этом исчезает) на экране появляется вопрос (логическая задача) и несколько вариантов ответа. Игрок должен выбрать правильный ответ. При неправильном выборе ответ исчезает, при правильном — окрашивается в зелёный цвет.
После того, как все мишени поражены игрок переходит к финальному слайду с помощью кнопки ДАЛЕЕ. Она создается аналогично кнопке СТАРТ, только гиперссылка ведет к третьему слайду.
На этом игра завершается.
а) На слайде размещаем силуэт стрелка, первый вопрос, ответы, шарик и четыре патрона. В последующем шариком закроем вопрос и ответы. Они станут видны только после того, как первая мишень будет поражена и шарик исчезнет.
Шарик в этом случае должен находиться на переднем плане. В меню, которое появится при клике по шарику правой кнопкой, — выберем команду “На передний план”.
б) Настраиваем анимацию для всех элементов первого вопроса:
Ответ 3 — правильный, поэтому выбираем анимацию с изменением цвета текста.
Ответ 4 — неправильный ответ. Выбираем анимацию — исчезновение.
Шарик после выстрела должен плавно удалиться. Применим соответствующий эффект.
Меню настройки триггера появляется, если кликнуть по треугольнику в области анимации у выделенного объекта.
Единственное отличие — шарик должен исчезать не по клику мышки, а по команде «С предыдущим».
Добавляем эффект триггера к ответам вопроса. Например, ответ 3 — начать выполнение эффекта при щелчке textBox 15: 3, ответ 4 — textBox 16: 4.
Затем перемещаем воздушный шарик таким образом, чтобы он закрыл вопрос и ответы.
Что мы получили? Мы полностью настроили один выстрел стрелка и один вопрос. Аналогично разобранному алгоритму готовим три следующих вопроса.
Один из патронов делаем с промахом. Здесь вместо шарика на экране у нас появляется фигура — клякса.
III этап, публикация игры
Для публикации игры используем программные продукты iSpring. При этом все эффекты PowerPoint сохранятся. Игру можно разместить в интернете и сохранить для работы на компьютере. Инструкции по публикации читайте в посте.
А если у вас есть идеи для полезных статей на тему электронного обучения — напишите нам в комментариях, и мы будем рады поработать над новым материалом.
Разрабатывайте профессиональные электронные курсы прямо в PowerPoint. Интерактивные курсы, видеолекции, тренажеры, скринкасты, тесты, опросы – все в одной программе.
Подробнее о редакторе курсов → 
14-дневная пробная версия
Система дистанционного обучения для бизнеса
Поставит на автопилот развитие сотрудников.
Быстрый старт онлайн‑обучения за 1 день.
Как создать мини-игру в PowerPoint: пошаговая инструкция
Павел Бендер, инженер техподдержки iSpring
В этой статье я покажу, как вставить в презентацию триггеры и анимацию, настроить навигацию с помощью гиперссылок и собрать с нуля мини-игру при помощи стандартных инструментов PowerPoint.
Правила игры просты. Вы начинающий повар, перед которым встало непростое задание — собрать столовые приборы для приготовления вкуснейшего омлета. Кликайте на предметы, которые понадобятся в деле. Только после этого вы сможете перейти на следующий слайд 🙂 Посмотрим, как это работает:
Этап 1. Добавляем объекты на слайд
Чтобы собрать игру, скачайте картинки, которые я подготовил.
Чтобы во время работы не перепутать объекты, переименуйте их. Для этого в PowerPoint выберите Главная → Упорядочить → Область выделения. Назовите объекты, как у меня на слайде.
Дальше мы последовательно настроим анимации для каждого объекта. Чтобы во время работы лишние картинки на слайде не мешали, скроем их — для этого нажмём на значок в виде глаза справа от названия объекта.
Пока вы можете спрятать все объекты, кроме сообщения «Отлично! Это нам пригодится».
Этап 2. Настраиваем триггеры
Триггер в PowerPoint — инструмент, который создаёт «горячую клавишу» для запуска анимации, аудио- и видеоэффектов.
Один клик мышью — и выбранный объект (картинка, фигура, отдельное слово) приходит в движение на слайде: исчезает, выезжает справа или слева, меняет цвет.
В нашей игре если вы щелкните по миске, появится сообщение «Отлично! Это нам пригодится». Так работает триггер.
Давайте настроим все триггеры в нашей игре.
Настраиваем анимацию и триггеры для миски
После этого при клике на миску появится сообщение «Отлично! Это нам пригодится». Чтобы это проверить, отодвиньте в сторону прозрачный слой, нажмите F5 и кликните на миску.
Чтобы увидеть результат, снимите флажок По щелчку на вкладке Переходы.
Теперь мы нажимаем на чашу и появляется сообщение, а фон темнеет, блокируя другие объекты. Ура, у вас получилось! Но вернуться обратно к игре невозможно. Если вы кликните в любую точку слайда, ничего не произойдёт. Исправим это.
Теперь, чтобы продолжить игру, достаточно нажать на сообщение «Отлично! Это нам пригодится».
Заставляем миску исчезнуть
После того, как вы взяли миску для приготовления омлета, она должна исчезнуть. Так возникнет впечатление, что вы добавили её в рабочий инвентарь. Эффект исчезновения тоже нужно настроить. Этим мы сейчас и займёмся.
Мы также можем заставить чашу исчезнуть до появления сообщения. Для этого переместите анимацию выхода в верхнюю часть списка и выберите После предыдущей для остальных анимаций.
У вас должно получиться так:
Поздравляю, вы настроили анимации и триггеры для миски. Теперь займёмся кошкой 🙂
Настраиваем анимацию и триггеры для кошки
Чтобы анимировать кошку и оставшееся сообщение, нам придётся проделать уже знакомую последовательность действий.
Теперь, чтобы продолжить игру, достаточно будет нажать на сообщение «Интересная идея». У вас должно получиться так:
Поздравляю, вы настроили анимации и триггеры для миши. Теперь настроим анимацию для кнопки «Вперёд».
Этап 3. Настраиваем анимацию для замка и кнопки «Вперёд»
Теперь нам нужно добавить анимацию для замочка на нижней панели — он исчезнет, если игрок правильно выберет инвентарь для приготовления омлета.
Теперь, когда игрок кликнет на миску, она исчезнет, пропадёт и замок, а на панеле навигации появится кнопка «Вперёд».
Примечание. Тёмный прямоугольник на панели навигации выполняет ограничительную функцию — скрывает кнопку «Вперёд». Он исчезает только, когда вы выберите на слайде правильный объект. В нашем случае, миску.
Этап 4. Настраиваем гиперссылку для кнопки «Вперёд»
Теперь давайте добавим гиперссылку на кнопку «Вперёд». Щёлкните по ней правой кнопкой мыши, нажмите «Гиперссылка» в раскрывающемся списке и выберете слайд в презентации, на который она должна вести.
Благодаря эффектам PowerPoint игроки должны выбрать весь инвентарь для приготовления омлета прежде, чем перейти на следующий слайд. Во время игры они будут ошибаться и читать всплывающие подсказки, запоминая важную информацию.
Сюжет для игры может быть любым. Это хороший способ разнообразить электронный курс. Игра поможет вашим сотрудникам немного отдохнуть перед следующим блоком теории в курсе и закрепить на практике информацию из пройденного материала.
Система дистанционного обучения для бизнеса
Поставит на автопилот развитие сотрудников.
Быстрый старт онлайн‑обучения за 1 день.