Этап 1. Добавляем объекты на слайд
Чтобы собрать игру, , которые я подготовил.
- Откройте PowerPoint и создайте пустой слайд.
- Добавьте на слайд кухонный интерьер. Для этого перейдите на вкладку Вставка → Рисунок, найдите загруженную папку со всеми файлами и выберите объект Фон. Поместите его на слайд. Внизу оставьте немного места для панели навигации.
- Вставляем панель навигации. Для этого перейдите в меню Вставка → Изображения, выберите рисунок Нижняя панель и разместите его внизу слайда.
- Добавим кнопку «Вперёд», чтобы пользователи смогли перейти к следующему слайду презентации. Для этого нажмите Вставить → Рисунок → Вперёд.
- Заблокируем навигацию. Для этого поставим темный прямоугольных над кнопкой «Вперёд». Выберите Вставка → Рисунок → Темный прямоугольник и перекройте им кнопку.
- Чтобы сделать игру интерактивнее, давайте добавим замок на нижнюю панель. Он пропадёт при выборе правильных объектов. Для этого нажмите Вставка → Рисунок → Замок.
- Для следующих объектов — кошки и миски — мы настроим триггеры и анимацию. Но пока давайте просто расставим их на слайде.
- Чтобы вовремя игры пользователь увидел обратную связь и случайно не нажал на другой объект, добавим поверх всего слайда прозрачный фон: Вставка → Рисунок → Прозрачный фон.
- В игре при выборе кошки пользователь увидит сообщение «Интересная идея. Но давай для начала освоим классическую технологию», а при клике на миску — «Отлично! Это нам пригодится». Сообщения тоже нужно добавить на слайд — вы найдете их в папке ресурсов. Расположите текст один под другим.
Чтобы во время работы не перепутать объекты, переименуйте их. Для этого в PowerPoint выберите Главная → Упорядочить → Область выделения. Назовите объекты, как у меня на слайде.
Дальше мы последовательно настроим анимации для каждого объекта. Чтобы во время работы лишние картинки на слайде не мешали, скроем их — для этого нажмём на значок в виде глаза справа от названия объекта.
Пока вы можете спрятать все объекты, кроме сообщения «Отлично! Это нам пригодится».
Этап 3. Настраиваем анимацию для замка и кнопки «Вперёд»
Теперь нам нужно добавить анимацию для замочка на нижней панели — он исчезнет, если игрок правильно выберет инвентарь для приготовления омлета.
- Выберите замок на слайде и добавьте ему анимацию выцветания. Для этого используем уже знакомый путь Анимации → Добавить анимацию → Выход → Выцветание.
- Перетащите эту анимацию в место между сообщением «Отлично» и прозрачным слоем в списке анимаций миски и на панеле Начало установите параметр С предыдущим.
- Последний шаг — сделать кнопку «Вперёд» видимой после исчезновения замочка. Помните, у нас есть тёмный прямоугольник, который закрывает кнопку «Вперёд»? Если правильно настроить анимацию, то вслед за замком исчезнет и тёмный прямоугольник — кнопка «Вперёд» станет видимой.
- Выберите тёмный прямоугольник на слайде и добавьте для него анимацию выцветания: Анимации → Добавить анимацию → Выход → Выцветание. Перетащите эту анимацию на триггер миски под анимацией замочка и на панеле Начало установите параметр С предыдущим.
Теперь, когда игрок кликнет на миску, она исчезнет, пропадёт и замок, а на панеле навигации появится кнопка «Вперёд».
Примечание. Тёмный прямоугольник на панели навигации выполняет ограничительную функцию — скрывает кнопку «Вперёд». Он исчезает только, когда вы выберите на слайде правильный объект. В нашем случае, миску.
В полной версии игры правильных объектов на слайде пять: миска, сковородка, нож, венчик, тёрка. Значит на кнопке «Вперёд» будет пять тёмных прямоугольников. Как только вы выберите правильный объект, например, венчик, один прямоугольник пропадёт. Но кнопка «Вперёд» появится только, когда вы соберете весь инвентарь для приготовления омлета.
