Сделайте свою собственную игру про Марио! Основы царапин для детей и взрослых

Сделайте свою собственную игру про Марио! Основы царапин для детей и взрослых
Это руководство доступно для скачивания в виде бесплатного PDF-файла. Загрузите этот файл сейчас . Не стесняйтесь копировать и делиться этим со своими друзьями и семьей.

Знаете ли вы, что любой может создать видеоигру без программирования? Хотя существует несколько языков для начинающих, вам не нужно тратить полгода на изучение Java или C ++, чтобы создать игру. Вы можете выбрать один из множества инструментов для различных типов игр, но один отличный вариант для детей (и взрослых) - бесплатный MIT. Царапать .





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



Встречайте Scratch

Чтобы начать работу с Scratch, перейдите по ссылке домашняя страница . Вам следует сразу же создать учетную запись, чтобы вы могли сохранять свои творения. Щелкните значок Присоединяйтесь к Scratch в правом верхнем углу окна. Создайте имя пользователя и пароль, введите дату рождения и пол, после чего система запросит адрес электронной почты родителя. Введите свой собственный, если он у вас есть, затем подтвердите свой адрес, чтобы вы могли комментировать другие проекты и делиться своим.





Теперь вы можете сразу приступить к делу. Нажмите Создавать на верхней панели инструментов, чтобы запустить редактор Scratch. Если хотите, вы также можете скачать офлайн-редактор работать без подключения к Интернету.

Экранные элементы

Когда вы запустите редактор, вы увидите следующее окно. Разберем его элементы (см. Полноразмерное изображение, если маленькое ниже непонятно):



  1. Этап - Показывает краткое изложение вашей игры. Здесь появятся все активные спрайты и выбранный вами фон. Вы можете перемещать спрайты, если хотите. Дайте вашему проекту имя в поле над этим.
  2. Фон - Здесь вы можете выбрать фон для своей игры. Выберите из библиотеки Scratch, раскрасьте свой собственный или импортируйте файл. Вы также можете получить изображение с камеры вашего ПК, хотя большинству людей эта опция, вероятно, не понадобится.
  3. Спрайты - Центр всех спрайтов в вашем проекте. Как и фоны, вы можете добавлять изображения по умолчанию, создавать свои собственные или загружать изображения. Щелкните маленький синий я на спрайте, чтобы переименовать его, изменить угол или скрыть.
  4. Рабочая зона - Где основная часть вашей работы в Scratch. Используйте вкладки выше (помечены Скрипты , Костюмы , а также Звуки чтобы изменить то, над чем вы работаете.
    1. Скрипты предназначен для добавления блоков кода, о которых мы скоро поговорим.
    2. Костюмы позволяет создавать дополнительные позы для ваших спрайтов. Эта вкладка изменится на Фоны если у вас есть один выбранный в области 2 и обратно к Костюмы когда вы выбираете спрайт в области 6 . Базовый редактор изображений позволяет вам вносить изменения в графику в вашей игре. Вы также можете переименовать активы здесь.
    3. Звуки Неудивительно, что это центр добавления и редактирования звуков.
  5. Блоки - В зависимости от того, какую из трех вкладок вы выбрали, эта область будет переключаться между блоками кода, костюмами / фонами спрайтов и звуковыми клипами.
  6. Кнопки управления - Зеленый флаг запускает вашу игру, а красный знак остановки завершает ее. Вы будете использовать их для тестирования.

Использование блоков

Теперь, когда вы познакомились с редактором Scratch, давайте поговорим об одной из самых важных частей инструмента - блоках кода. Вместо того, чтобы печатать настоящий код, эти блоки позволяют вам определять поведение ваших элементов. Они соединяются вместе, как LEGO, что позволяет легко увидеть, как они влияют друг на друга.

Щелкните спрайт в списке слева и обязательно выберите Скрипты tab, чтобы начать перетаскивать блоки для этого элемента. Обратите внимание, что блоки имеют цветовую кодировку и имеют края, похожие на головоломку, чтобы показать, как они сочетаются друг с другом. Десять категорий и их назначение:



  • Движение - Заставить данный спрайт двигаться шагами, к другому объекту или по прямым координатам.
  • Выглядит - Позволяет спрайту скрывать или показывать себя, менять костюмы, изменять размер или перемещаться между слоями.
  • Звук - Воспроизведение звуков, изменение громкости или регулировка темпа.
  • Ручка - Нарисуйте маркером и измените его цвет и форму.
  • Данные - Позволяет создавать свои собственные переменные. Это очень удобно для элементов, которые в Scratch нет.
  • События - Критерии для запуска других действий, например, когда вы нажимаете зеленый флаг или нажимаете клавишу пробела. Вам нужны эти блоки, чтобы все остальные блоки действительно что-то делали!
  • Контроль - Циклы для повторения действия, выполнения оператора if-else или остановки чего-либо.
  • Зондирование - Поместите эти блоки в другие, чтобы выполнять действия, когда спрайт касается другого элемента или пользователь удерживает клавишу.
  • Операторы - Математические элементы, позволяющие выполнять арифметические или базовые логические операции с переменными.
  • Больше блоков - Создавайте свои собственные блоки, если их недостаточно!

Простой пример

Давайте рассмотрим простой пример, чтобы шаг за шагом проиллюстрировать, как эти блоки сочетаются друг с другом. Мы заставим Скретч-кота пинать футбольный мяч в ворота и воспроизводить звук, когда он попадет в ворота.

Во-первых, вам понадобится крутой футбольный фон. Пройдите в Фон в левом нижнем углу и щелкните значок изображения, чтобы выбрать один из фонов Scratch. Есть один называется Цель 1 это будет работать отлично. Затем щелкните значок спрайта, чтобы добавить новый готовый спрайт. Вы должны увидеть Мяч-футбол в списке - дважды щелкните его, чтобы добавить к своим спрайтам.



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

Как только вы начнете, вы хотите, чтобы кошка подбежала и пнула мяч, верно? Похоже на то, что попадает под Движение таб. У вас есть несколько способов заставить кошку двигаться, например Переместить X шагов блокировать. Но мы не можем гарантировать, сколько шагов потребуется кошке, чтобы дотянуться до мяча. Для этого есть блок получше - попробуйте Проведите X секунд до блокировать. Одна секунда - прекрасное время, и вам нужно будет нажать на синий я значок футбольного мяча, чтобы увидеть его координаты. Введите их в блок, и ваше первое действие будет завершено!

Удар по мячу

Как только кошка коснется футбольного мяча, она должна влететь в ворота. Итак, выберите футбольный мяч, чтобы вы могли добавить к нему некоторые действия. Помните, что каждое действие должно начинаться с Мероприятие - зеленый флаг подходит для этого случая. Теперь вы не хотите, чтобы футбольный мяч двигался, пока его не коснется кошка. Взгляните на Контроль категория для блока, которая позволяет нам ограничивать его поведение. В Подожди до блок звучит примерно правильно!

Обратите внимание, как Подожди до блок имеет внутри вытянутую форму шестиугольника. Многие из Зондирование блоки подходят к этой форме, поэтому взгляните на них, чтобы найти подходящую. Увидеть трогательный блок вверху списка? Вы можете перетащить это прямо внутрь дыры внутри Подожди до . Измените раскрывающийся список на Кот или как вы там назвали спрайт кошки.

Теперь вам просто нужно заставить футбольный мяч влететь в ворота. В Проведите X секунд до блок в Движение Категория, которую мы использовали ранее для кота, будет работать нормально. Прикрепите этот блок под Подожди до , и наведите указатель мыши на ворота. Вот увидишь Икс а также А ТАКЖЕ координаты под сценой - подключите их к Скольжение блокировать. При ударе ногой мяч должен двигаться довольно быстро, так что давайте попробуем 0,5 секунды по срокам.

И толпа сходит с ума

Последний шаг - добавление звука! Выберите Звуки вкладку над рабочей областью, чтобы добавить новую. Щелкните значок динамика под Новый звук чтобы взять один из библиотеки Скретча. Есть один называется Радость под Человек категория, которая идеально подходит. Дважды щелкните его, чтобы добавить, затем вернитесь в рабочее пространство для футбольного мяча.

ошибка ядра-мощности Windows 10

Вы найдете блок с надписью Воспроизвести звук под Звук категория. Снимите это под скользить блок, и все готово! Нажмите на зеленый флаг, чтобы воспроизвести анимацию. Кот подбегает к мячу, и когда он его касается, мяч влетает в ворота, и толпа приветствует.

[video mp4 = 'https: //www.makeuseof.com/wp-content/uploads/2017/04/Scratch-Soccer-Example-Video.mp4'] [/ видео]

Это было не так уж сложно! Теперь, когда мы разобрались, как блоки связаны и сочетаются друг с другом, давайте посмотрим, как вы можете создать игру Mario с помощью Scratch.

Создание базовой игры Mario

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

Пожалуйста, обрати внимание: Поскольку я не художник, для целей этого урока я копирую спрайты Марио из Интернета. Графика Mario принадлежит Nintendo, и вы не должны публиковать игры с использованием спрайтов, защищенных авторским правом. Это представлено только в качестве примера.

Импортировать графику

Первый шаг - это импорт ваших спрайтов и фонов в Scratch. Поскольку мы используем изображения из Интернета, я загружаю их, а затем загружаю в Scratch. Создание логики, чтобы Марио мог прыгать на врагов, чтобы победить их, но умирает от прикосновения к их бокам, слишком сложно для этого урока, поэтому вместо этого мы попросим его собирать монеты.

В конце урока я предоставлю ZIP-файл с финальными активами, которые я использовал. Если вы их используете, вам не придется беспокоиться об инструкциях по работе с изображениями в руководстве. Если вы хотите скачать все самостоятельно, продолжайте. Вот спрайты, которые я скачал:

Скретч имеет Голубое небо 3 фон, который отлично подойдет для наших нужд.

Изменить костюмы спрайтов

Поскольку есть два спрайта, которые составляют анимацию бега Марио, вам нужно добавить их как отдельные костюмы. Используйте редактор изображений, например Paint.NET, чтобы сохранить два кадра Mario как отдельные файлы - вы можете игнорировать третий. Загрузите первый спрайт Марио, затем выберите его и используйте Костюмы Вкладка, чтобы загрузить второй спрайт в качестве второго костюма. Дайте им отличительные имена, например Марио-1 а также Марио-2 . Добавьте прыгающего спрайта как еще один костюм для Марио.

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

Для земли вам понадобится много блоков, так как по ним бегает Марио. Используйте Paint.NET, чтобы захватить шесть блоков в середине Наземные блоки изображение, а затем сохраните их как отдельный файл. Вам понадобится около 12 блоков, чтобы покрыть всю нижнюю часть экрана, как только вы уменьшите их до нужного размера. Таким образом, вы должны разместить две копии этих шести блоков бок о бок для вашего Земля спрайт. Загрузите это, а затем сделайте два дубликата спрайта земли в Scratch.

Монета представляет собой анимированный GIF-файл, поэтому он немного отличается. Каждый раз, когда вы загружаете его, Scratch будет создавать костюмы для каждого кадра анимации. На этом изображении всего 11 кадров, но, к сожалению, вокруг него также есть белая рамка, которая смотрится на синем фоне. Вам нужно будет открыть каждый костюм для монеты в редакторе Scratch. Используйте инструмент пипетки, чтобы выбрать синий цвет фона, затем используйте инструмент ведро с краской, чтобы изменить белые края монеты на бледно-голубой.

Вам нужно будет изменить размер спрайтов с помощью Расти а также Сокращаться кнопки в верхней части экрана, прямо над кнопкой с зеленым флажком. Щелкните любую кнопку, затем щелкните спрайт, который вы хотите изменить, на сцене слева. Это также изменит размер всех костюмов. Приблизительно их сейчас; вы можете выполнить точную настройку позже.

Импорт звуков

Как и в случае со спрайтами, мы возьмем пару звуков, чтобы конкретизировать нашу игру. Скачайте их, а затем загрузите с помощью Звуки таб. Пока вы это делаете, загляните в добавив их в качестве классных мелодий для вашего телефона .

Анимируйте монеты

Теперь, когда все активы готовы, пора начать их оживлять. Начнем с монет, так как это несложно. Выберите спрайт монеты и Скрипты таб. Поскольку наши монеты представляют собой анимированные GIF-файлы, мы можем использовать серию блоков, чтобы постоянно прокручивать их костюмы, чтобы они выглядели движущимися.

Скрипт анимации выглядит примерно так:

Короче говоря, этот сценарий устанавливает состояние монеты по умолчанию, когда вы щелкаете зеленый флаг. Затем он бесконечно перебирает кадры со скоростью, которую вы устанавливаете в качестве FPS переменная в Данные таб. Поиграйте с этим числом, если вам не нравится скорость.

Снимите флажок рядом с Монета-FPS в Данные tab (это настраиваемая переменная, которую вы создаете), поэтому она не отображается на экране.

Заставляем Марио двигаться

Теперь самое сложное. Чтобы заставить Марио двигаться, требуется много шагов, и на самом деле это трюк, который прокручивает наземные блоки, чтобы создать видимость движения. Вместо того, чтобы пытаться объяснить каждый цикл блоков, я предоставлю скриншоты блоков кода и объясню их основные моменты.

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

  • Сила тяжести - это константа, которая прижимает Марио к земле, когда он прыгает.
  • На земле отслеживает, касается ли Марио земли или нет.
  • ScrollX измеряет горизонтальное перемещение экрана.
  • Скорость (Только Марио) контролирует скорость, с которой прыгает Марио.

Оживление земли

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

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

Это помещает землю в нижнюю часть экрана, а затем просто прокручивает блоки по мере движения Марио. ScrollX - положение блоков; 0 - позиция по умолчанию, которая запускается при нажатии зеленого флажка. Вы заметите, что сразу после начала не можете двинуться влево.

Для второго (и последующих) наземных блоков увеличьте 0 цифра в СвитокX + 480 * 0 по одному на каждый новый участок земли. Это смещает его, поэтому он будет плавно прокручиваться.

Логика Марио

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

Этот блок кода изменяет ScrollX переменная, когда Марио движется. Каждый раз, когда вы нажимаете влево или вправо, Марио смотрит в нужном направлении и делает шаг, увеличивая ScrollX на 3. Если вы обнаружите, что Марио переворачивается вверх ногами, когда вы двигаетесь влево, нажмите на синий я на его спрайте и убедитесь, что Стиль вращения установлен второй вариант. Это перевернет его влево и вправо, а не по кругу.

избавиться от горизонтальной линии в слове

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

Простой фрагмент кода, который определяет На земле Переменная. Если он касается одного из наземных блоков, На земле равно 1 (верно). Когда он прыгает, На земле равно 0 (ложь).

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

Наш последний блок кода для Марио готов. Когда вы щелкаете зеленый флаг, чтобы начать, начинается музыка, для всех переменных устанавливаются значения по умолчанию, и Марио появляется в центре экрана.

Собирать монеты

Вернемся к монетам. Нам нужно убедиться, что когда Марио берет один, он издает звук и исчезает. Давайте сделаем для этого отдельный скрипт - разделение скриптов по функциям - важная практика в программировании. Большое количество блоков затрудняет определение проблемы, когда что-то идет не так.

Вот наш скрипт сбора монет:

Это довольно просто: всякий раз, когда Марио касается монеты, воспроизводится звук сбора и монета скрывается. В коде анимации монеты мы поместили Показать блокировать, чтобы монеты снова появлялись при перезапуске.

Свитки и облака

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

Это помещает монету в А ТАКЖЕ значение (это вертикальное положение экрана), где Марио может легко его захватить. Затем он использует логику, аналогичную наземным блокам, для прокрутки к Марио. Обратите внимание, что мы увеличили скорость прокрутки до 0,75 чтобы монеты быстро двигались к Марио. Для второй и третьей монет увеличиваем установить y на поле для -40 а также -двадцать так что они немного выше, и Марио их сложнее схватить. в Установите x на блок, увеличьте 150 * 1 к 150 * 3 а также 150 * 5 для второй и третьей монет, чтобы разместить их правее, за пределами экрана.

Облака используют почти идентичный блок кода:

Опять же, это помещает облако на определенную высоту, а затем прокручивает его по мере движения Марио. Для второго облака, которое находится перед Марио, а не позади него, измените установить x на блокировать (ScrollX * 0,1) + (150 * 1) , как и монеты.

Добавить границы

Из-за того, как мы реализовали землю и монеты, вы увидите монеты, застрявшие на краю экрана, пока они не появятся в поле зрения. Это некрасиво, поэтому вы должны создать быстрый спрайт с рамкой того же цвета, что и фон, чтобы скрыть это как с левой, так и с правой стороны.

Самый простой способ сделать это - щелкнуть правой кнопкой мыши по сцене и щелкнуть Сохранить изображение сцены . Откройте его в Paint.NET и с помощью пипетки выберите синий цвет фона. Добавьте новый слой, используя нижний правый диалог. Затем с помощью инструмента «Прямоугольник» нарисуйте синий прямоугольник с заливкой по обе стороны экрана. Закройте примерно половину каждого блока, затем удалите фоновый слой.

Сохраните его как файл PNG и загрузите как новый спрайт с именем Граница . Поскольку вы нарисовали границы прямо по экрану, вы можете идеально выровнять их.

Затем вам просто нужно несколько блоков, чтобы граница всегда была впереди:

Расширение вашей игры

Попробуйте конечный продукт здесь !

Вместе мы создали только основы игры про Марио. Отсюда вы можете добавить множество элементов в свою игру. Попробуйте добавить Супер Грибы, чтобы усилить Марио, сделайте несколько ям, которые Марио должен очистить, или создайте флаг конечного уровня. С помощью строительных блоков, которые вы здесь собрали, вы можете добавить больше спрайтов, переменных и логики, чтобы делать все, что захотите. Мы с нетерпением ждем того, что вы придумаете!

Мы хотели бы поблагодарить пользователя Scratch dryd3418, так как мы использовали часть кода из его Супер Марио: Учебное пособие по прокрутке и прыжкам в нашем собственном проекте для этой статьи. Для получения более подробной справки, включая сценарии, которые вы можете скопировать, ознакомьтесь с другое руководство пользователя по созданию игры Марио . Если вы хотите выбрать более простой маршрут, ознакомьтесь с Создайте свой собственный проект Mario Game это позволяет вам перетаскивать спрайты, чтобы сделать простую игру.

Обратите внимание, что в любом проекте Scratch вы можете нажать Посмотреть внутри чтобы открыть проект в редакторе так же, как вы использовали для своего собственного проекта. Это позволяет вам заглянуть в блоки, которые кто-то использовал для работы над своим проектом, и может помочь вам, когда вы застряли. Я сделал свой проект доступным для всех, так что не стесняйтесь посмотреть это и посмотрите на код, если вам нужна помощь. Я также заархивировал все ресурсы, которые использовал в этой игре, так что вы можете скачать их чтобы сэкономить время.

Заинтересованы в том, чтобы сделать шаг вперед? Ознакомьтесь с Scratch For Arduino, чтобы создавать проекты на этой платформе. Если вы готовы погрузиться в игру, ознакомьтесь со всем, что вам нужно, чтобы создать игру для iPhone «с нуля».

как восстановить удаленные файлы на android

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

Делиться Делиться Твитнуть Эл. адрес Как очистить компьютер с Windows с помощью командной строки

Если на вашем ПК с Windows не хватает места для хранения, удалите ненужные файлы с помощью этих быстрых утилит командной строки.

Читать далее Похожие темы
  • Программирование
  • Длинная форма
  • Длинная направляющая
  • Царапать
Об авторе Бен Стегнер(Опубликовано 1735 статей)

Бен - заместитель редактора и менеджер по адаптации в MakeUseOf. Он оставил свою работу в сфере ИТ, чтобы писать полный рабочий день в 2016 году, и никогда не оглядывался назад. В качестве профессионального писателя он освещал технические руководства, рекомендации по видеоиграм и многое другое уже более семи лет.

Ещё от Ben Stegner

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться