Приблизительное время чтения: 13 минут
Scratch — это система визуального программирования, где код собирается из графических фрагментов, подобно конструктору. Вместо написания кода, ребята соединяют фрагменты, представляющие собой команды, функции и переменные. С их помощью рождаются интерактивные истории, анимации, игры. И как раз о том, как сделать игру в Скретч, мы поговорим в этой статье.
Простой и понятный интерфейс делает платформу Scratch подходящей для освоения основ кодирования.
В сегодняшнем гайде от PIXEL вы узнаете, как сделать игру doors в скретч. Если готовы к новым знаниям, тогда приступим!
Содержание
Как сделать игру в Скретч: полный гайд по детскому проекту
Скретч Doors: алгоритм и суть игры
Цель игры — исследование комнат, открытие дверей, за которыми скрываются сюрпризы: новые фрагменты карты или опасные монстры, способные мгновенно победить игрока. Ключевая особенность — непредсказуемость: содержимое за каждой дверью меняется в зависимости от выборов игрока. В этом примере мы создадим три двери, за одной из которых будет скрываться монстр.
Подготовка к созданию игры Скретч Doors
Создадим фон для нашей игры, изобразив фрагмент коридора в перспективе, чтобы придать ему реалистичности.
В трехмерном пространстве объекты кажутся крупнее по мере приближения к наблюдателю. Поэтому, чтобы создать эффект глубины, пространство должно визуально расширяться по мере приближения к «камере».
Как сделать игру в скретч: этапы создания фона
Симуляция пола в скретч игре двери
Используя инструмент «Линия», начнем с рисования пола.
Важно соединить начальную и конечную точки линии, замкнув контур. Это необходимо для последующей заливки цветом. Незамкнутый контур не позволит корректно заполнить область цветом.
Рекомендуется использовать плавные линии, избегая резких углов, для более естественного вида.
Стены
Аналогично, рисуем левую, центральную и правую стены, также замыкая линии для каждой стены.
Обратите внимание на перспективу: стены должны сужаться по мере удаления от наблюдателя.
Центральная стена будет выглядеть уже, чем боковые. Точность линий в данном этапе важна для избежания искажений перспективы.
Соединение элементов инструментами Скретч программирования
Тщательно подгоняем все нарисованные линии друг к другу, чтобы между полом и стенами, а также между самими стенами не оставалось зазоров или щелей. Для этого можно использовать инструмент масштабирования и корректировки отдельных сегментов линий. Небольшие неточности могут существенно повлиять на конечный результат, поэтому данный шаг требует внимательности и аккуратности.
Заливка цветом и общий дизайн игры
Применяем инструмент заливки, раскрашивая каждую часть фона. Учитываем освещение: свет падает сверху, поэтому пол должен быть самым светлым, так как получает больше всего света. Боковые стены будут несколько темнее, а центральная стена, наиболее удаленная от источника света, – самой темной. Для более реалистичного эффекта можно использовать градиентную заливку, плавно переходя от светлых оттенков к темным. Выбор цветовой палитры зависит от общей атмосферы игры, которую вы хотите создать. Не бойтесь применять креативность, ведь это важная часть данной образовательной игры.
Еще в игру Scratch Doors можно добавить дополнительные детали, такие как текстура на стенах, небольшие тени, чтобы усилить эффект реалистичности. Это может включать в себя использование различных инструментов интерфейса, например, кисти для создания текстурных эффектов или кисти для добавления теней.
Пол будет самым светлым, так как на него падает наибольшее количество света. Боковые стены будут несколько темнее, а центральная стена, находящаяся дальше всего от источника света, — самой темной.
Scratch программирование: проектирование двери
После того, как фон готов, можно приступать к рисованию трех дверей. Расположение дверей должно быть продумано и учитывать перспективу, чтобы они гармонично вписались в общий дизайн коридора. На данном этапе важно обеспечить плавный переход от фона к объектам, не нарушая созданной ранее перспективы.
Для каждой двери мы создадим два костюма: один для закрытого состояния, другой — для открытого. Это позволит реализовать анимацию открытия дверей в игре и добавить интерактивности.
Визуализация первой двери
Используя инструмент «Линия», рисуем прямоугольник, который следует направлению левой стены. Важно убедиться, что горизонтальные линии стены и двери параллельны.
Неточности в перспективе могут сделать дверь неправдоподобной и испортить общее впечатление от игры. Рекомендуется использовать линейку или другие вспомогательные инструменты для обеспечения точности.
Далее дублируем созданный спрайт. Первый костюм будет представлять закрытую дверь, второй — открытую.
Закрашиваем первый костюм в красный цвет.
Добавляем ручку, используя инструмент «Кисть» или другой подходящий инструмент для рисования мелких деталей. Детализация ручки (форма, размер, цвет) зависит от общего стиля игры и предпочтений разработчика. Важно, чтобы ручка была расположена реалистично, учитывая положение двери.
После этого переходим ко второму костюму. Закрашиваем внутреннюю часть двери голубым цветом.
Это создаст контраст с красным цветом внешней стороны двери и подчеркнет эффект глубины. Дорисовываем видимую часть открытой двери, закрашивая ее тем же красным цветом, что и закрытую дверь.
Не забываем добавить ручку на внешнюю сторону открытой двери. Название спрайта: «Дверь 1».
Как сделать Дорс в Скретч: рисуем центральную дверь
Поскольку вторая дверь находится на центральной стене, ее горизонтальные линии должны строго совпадать с горизонтальными линиями центральной стены. Повторяем действия, аналогичные созданию Двери 1, учитывая перспективу — прямоугольник должен быть уже, чем дверь 1.
Дублируем спрайт. Закрашиваем первый костюм (закрытая дверь) в зеленый цвет. Добавляем ручку. Во втором костюме дорисовываем открытую часть двери и закрашиваем внутреннюю часть голубым цветом.
Помните, что ручка будет видна только на внешней стороне двери. Название спрайта: ставим «Дверь 2».
Разработка третьей двери
Создаем прямоугольник, учитывая перспективу и направление правой стены.
Копируем спрайт, закрашиваем первый костюм (закрытая дверь) в фиолетовый цвет. Добавляем ручку.
Во втором костюме добавляем кусочек открытой двери и закрашиваем его фиолетовым. Внутреннюю часть двери также можно закрасить голубым цветом. Название спрайта: «Дверь 3».
Получите бесплатный урок и скидку на курс по Scratch
Осваиваем Scratch программирование для детей: создаем команды из блоков
Теперь добавим интерактивность нашим дверям, чтобы они реагировали на клики мышью. Для этого создадим скрипты, которые будут менять костюмы спрайтов дверей при взаимодействии с ними. Каждый скрипт будет состоять из двух частей: установка начального состояния (закрытая дверь) и реакция на нажатие (открытие двери).
Скрипт для Двери 1
Установите начальное положение. Этот блок кода будет запускаться при старте игры. Он задает начальные параметры для спрайта «Дверь 1».
· «Когда флажок нажат»: запускает скрипт.
· «Перейти в х: [значение X] у: [значение Y]»: Этот блок устанавливает координаты спрайта «Дверь 1» на игровом поле. Значения X и Y должны соответствовать положению двери на фоне. Важно точно указать координаты, чтобы дверь располагалась корректно относительно других элементов игры.
· «Переключить на костюм [костюм 1]»: Этот блок выбирает костюм, соответствующий закрытому состоянию двери. Убедитесь, что костюм 1 спрайта «Дверь 1» отображает закрытую дверь.
Реакция на клик: блок кода описывает действия, которые будут происходить при нажатии на спрайт «Дверь 1».
· «Когда этот спрайт нажат»: активируется только при клике на спрайт «Дверь 1» мышью.
· «Переключить на костюм [костюм 2]»
· «Отправить [сообщение 1]»: Этот блок отправляет сообщение «Дверь 1» всем остальным спрайтам. Это сообщение может быть использовано для запуска других действий в игре, связанных с открытием двери, например, появления монстра или изменения игрового состояния.
Создаем остальные скрипты в программе программирования для начинающих
Скрипты для дверей 2 и 3 создаются по аналогии инструментами визуального программирования. Нужно изменить лишь некоторые параметры в процессе создания кода для простой игры скретча.
Для корректной работы скриптов, координаты (x, y) в блоке «Перейти в» должны точно соответствовать местоположению каждой двери на игровом поле. Неточности в координатах приведут к тому, что дверь будет открываться не в том месте, где она нарисована. Поэтому лучше использовать переменные для хранения координат каждой двери.
Сообщения, отправляемые после клика на дверь («Дверь 1», «Дверь 2», «Дверь 3»), должны быть уникальными. Так другие части игры смогут реагировать на открытие конкретной двери. Например, если за дверью скрывается монстр, то именно сообщение, соответствующее открытой двери, должно запускать скрипт появления монстра.
Проверьте, что при клике на каждую дверь она должна открываться, а также отправляться соответствующее сообщение для запуска дальнейших действий в игре.
Как сделать игру в Скретч Дорс: вводим в игру монстра
Творчество в Скретч: рисуем
Создадим спрайт монстра, который будет появляться за случайной дверью. Выбираем новый спрайт и рисуем его черным цветом, используя инструмент «кисть». Получится силуэт, напоминающий человека, с красными глазами. Этот простой дизайн будет хорошо заметен на фоне коридора.
Программа в Скретч Doors для монстра
При нажатии зеленого флага монстр прячется. Создается переменная «НомерДвери» со значением 0. Затем случайным образом выбирается целое число от 1 до 3, присваиваемое переменной «НомерДвери». Когда монстр получает сообщение «Дверь 1», он появляется на переднем плане, масштабируется до 100%, перемещается в точку (-152, -24), ждет 1 секунду, затем перемещается в центр экрана (0, 0) и увеличивается в размере до 150%. После этого отправляется сообщение «Проигрыш» и игра останавливается.
Для дверей 2 и 3 создаются аналогичные команды, с соответствующими координатами появления при получении сообщений «Дверь 2» и «Дверь 3». И есть команда, которая скрывает монстра при получении сообщения «Проигрыш».
Как создать игру в Скретч: завершающий этап
Теперь осталось только сделать табличку с проигрышем. Для этого красным текстом в центре пишем you lost. И размещаем надпись на игровом поле так, чтобы ее легко было прочитать.
Делаем две команды для этой надписи. Когда флажок нажат надо спрятаться, когда я получу проигрыш надо показаться и мы переходим в координату 1 -116.
И самое важное – прячем нашу переменную, чтобы было непонятно, в какой двери прячется монстр.
Запускаем игру и проверяем, что все работает правильно.
Сегодня мы создали простую, больше образовательную игру, основанную на удаче и интуиции. Вы можете ее улучшить, добавив больше дверей, разноцветных монстров и других интересных элементов.
Курс по scratch программированию
Школа дистанционного образования PIXEL приглашает детей 8-12 лет на курс обучения анимации и разработки игр в Scratch.
Ссылка: https://pixel.study/scratch
Программа курса, подтвержденная необходимыми лицензиями, познакомит юных программистов с возможностями Scratch и позволит им создавать собственные игры.
В школе более 100 опытных преподавателей обеспечивают качественное обучение. Российские граждане могут воспользоваться налоговым вычетом при оплате обучения в рублях.
Обучение доступно в различных форматах: групповые и индивидуальные занятия, видеокурсы и онлайн-лагеря.
Сам курс состоит из трех блоков:
· базовый (введение в Scratch, создание простой игры);
· продвинутый (математические функции, игровые меню);
· сложный (многоуровневые игры, визуальные эффекты, основы ИИ).
Завершается курс разработкой итогового проекта и выдачей сертификата.
Для новых клиентов – скидка 10% на абонементы от 12 занятий, рассрочка 50/50 и бесплатный пробный урок.
За выполнение заданий начисляются баллы, обмениваемые на призы (например, подписка Яндекс Плюс).
Курс «Пиксель» по скретч способствует развитию интереса детей к программированию и IT-технологиям.
Сегодня мы с вами узнали, как сделать игру в скретч, не прибегая к текстовому коду. Как видим, игра от этого получилась не менее занимательной. Если понравился гайд, советуем попробовать создать в Scratch игру в жанре РПГ.
813 
