Из этой статьи вы узнаете, как создать простую гоночную игру с помощью бесплатной программы Scratch Массачусетского технологического института. Суть этой гоночной игры - пройти трассу за как можно меньшее время без сбоев.
Шаги
Часть 1 из 4: Настройка трека
Шаг 1. Откройте Scratch
Перейдите на https://scratch.mit.edu/ в веб-браузере вашего компьютера.
Scratch - это бесплатный ресурс по программированию для начинающих
Шаг 2. Щелкните Создать
Это вкладка вверху страницы. Откроется интерфейс Scratch.
Шаг 3. Закройте боковую панель «Все советы»
Щелкните значок Икс в списке советов в правой части страницы. Хотя это и не совсем необходимо, это упростит работу в интерфейсе Scratch.
Шаг 4. Введите заголовок
В текстовом поле с надписью «Без названия», которое находится в верхнем левом углу страницы, введите название вашей игры (например, «Моя гоночная игра»).
Возможно, вам сначала придется включить Adobe Flash, нажав кнопку Разрешать подсказка или логотип.
Шаг 5. Удалите спрайт в форме кошки
Щелкните правой кнопкой мыши кошку в окне «Спрайты» в нижнем левом углу страницы, затем щелкните удалять в появившемся выпадающем меню.
На Mac вы можете, удерживая нажатой клавишу Control, щелкнуть спрайт, чтобы отобразить раскрывающееся меню
Шаг 6. Щелкните вкладку Backdrops
Он находится вверху страницы Scratch.
Шаг 7. Заливаем фон
Прежде чем вы сможете нарисовать свой трек, вам нужно создать фон, на котором он находится:
- Щелкните значок ведерка с краской под Т значок.
- Выберите цвет фона трека (например, зеленый для травы) внизу страницы.
- Щелкните фон в правой части страницы.
Шаг 8. Нарисуйте свой трек
Вы можете сделать свою дорожку как угодно однородной или нерегулярной:
- Щелкните значок кисти в верхней части списка инструментов.
- Выберите цвет для трека (например, черный) внизу страницы.
- Увеличьте ширину кисти, перетащив вправо ползунок внизу страницы.
- Нарисуйте дорожку циклической (не обязательно круглой) формы.
Шаг 9. Добавьте линию финиша / старта
Выберите цвет, отличный от того, который вы использовали для фона и дорожки, затем уменьшите ширину кисти и нарисуйте линию в том месте, где вы хотите закончить гонку.
- Это также точка, перед которой ваша машина начнет гонку.
- Вы можете использовать инструмент прямой линии, который напоминает обратную косую черту () под значком кисти.
Часть 2 из 4: Создание гонщика
Шаг 1. Щелкните значок «Нарисовать новый спрайт»
Это линия в форме кисти в верхнем правом углу панели «Спрайты», которая находится в нижнем левом углу страницы.
Шаг 2. Увеличьте масштаб
Щелкните значок «Увеличить», который похож на значок увеличительного стекла с + в нем не менее четырех раз. Вы должны увидеть большой ＋ Значок в центре правой панели станет больше.
Если вы этого не делали раньше, вам, возможно, сначала придется закрыть боковую панель «Советы» в правой части страницы, щелкнув значок Икс в левом углу боковой панели.
Шаг 3. Нарисуйте своего гонщика
Кистью нарисуйте своего гонщика, как вам нравится.
- Если вы делаете автомобиль, вы можете использовать инструмент «Прямоугольник» (значок в форме прямоугольника), чтобы нарисовать кузов, а затем добавить колеса автомобиля с помощью инструмента «Круг».
- В ＋ Значок на панели представляет центр вашего гонщика.
Шаг 4. Нарисуйте разбившегося гонщика
Щелкните значок кисти в форме «Нарисовать новый костюм» под заголовком «Новый костюм», затем нарисуйте разбитую (или иначе другую) версию своего гонщика. Это версия, которая будет отображаться, если ваш гонщик коснется травы или любых других препятствий, которые вы определите позже.
Например, если ваш нынешний гонщик - счастливое лицо, вы можете сделать «разбитый» костюм грустным лицом
Шаг 5. Выберите своего первого гонщика
В левой части панели, на которой вы рисовали своих гонщиков, щелкните первую, которую вы нарисовали.
Шаг 6. Перетащите гонщика на стартовую позицию перед финишной чертой
Вы сделаете это на левой панели. Это гарантирует, что ваш гонщик окажется в правильной стартовой позиции, когда вы начнете создавать свой сценарий.
Гонщик остановится, как только коснется финишной черты, поэтому убедитесь, что гонщик идет впереди
Часть 3 из 4: Создание стартовой позиции
Шаг 1. Щелкните вкладку Сценарии
Вы найдете это вверху страницы Scratch.
Шаг 2. Щелкните События
Это вариант чуть ниже Скрипты таб. Откроется список скобок кода на основе событий.
Шаг 3. Добавьте на панель событие «когда флажок установлен»
Щелкните и перетащите значок «когда [зеленый флажок] щелкнул» на правую панель, затем отпустите его.
Шаг 4. Щелкните «Движение»
Эта синяя ссылка находится в Скрипты раздел.
Шаг 5. Добавьте место старта вашего гонщика
Это определит, где ваш гонщик стартует всякий раз, когда вы начинаете новую игру:
- Наведите курсор мыши на своего гонщика.
- Просмотрите координаты x и y вашего гонщика чуть выше правой верхней части окна «Sprite».
- Перетащите событие «перейти к x: 16 y: 120», чтобы оно соответствовало событию «при нажатии флажка».
- Дважды щелкните текстовое поле «16», затем введите значение x.
- Нажмите клавишу Tab ↹, затем введите значение y.
- Нажмите ↵ Enter.
Шаг 6. Измените исходное положение
Перетащите событие «точка в направлении 90» из меню «Движение», чтобы оно поместилось под полем «перейти к x y». Это гарантирует, что ваша машина будет смотреть в правильном направлении при щелчке флажка.
Шаг 7. Укажите, какой костюм использовать
Нажмите Выглядит, затем перетащите «сменить костюм на костюм2», чтобы он поместился ниже начального положения, щелкните поле «костюм2» и выберите костюм1. Это заставляет вашего гонщика вернуться к своему костюму, который не разбился, когда вы перезагружаете игру.
Часть 4 из 4: Создание правил движения
Шаг 1. Добавьте сценарий движения
Это сценарий, который ваш гонщик будет использовать для движения вперед:
- Нажмите События.
- Перетащите событие «при щелчке флажка» на панель отдельно от первого сценария «при щелчке флажка».
- Нажмите Контроль.
- Перетащите событие «навсегда», чтобы оно соответствовало сценарию «при щелчке флажка».
- Нажмите Движение, затем перетащите параметр «переместить на 10 шагов», чтобы он поместился в слот «навсегда».
- Измените переменную «перемещение на 10 шагов» с «10» на «2», затем нажмите ↵ Enter.
Шаг 2. Создайте элементы управления
Вы будете использовать следующий скрипт, чтобы назначить управление поворотом вашему гонщику:
- Нажмите События, затем дважды перетащите событие «когда нажата клавиша пробела» на панель. У вас должно быть два отдельных события «когда нажата клавиша пробела».
- Щелкните текстовое поле "пробел" в одном событии "при нажатии клавиши пробела", затем щелкните стрелка влево в раскрывающемся меню.
- Щелкните другое поле «Пробел при нажатии клавиши пробела», затем щелкните правая стрелка в раскрывающемся меню.
Шаг 3. Добавьте движения к элементам управления
Вот как вы будете использовать клавиши со стрелками для поворота гонщика:
- Нажмите Движение.
- Перетащите событие «поворот [стрелка вправо] на 15 градусов», чтобы оно поместилось под элементом управления «стрелка вправо».
- Перетащите событие «поворот [стрелка влево] на 15 градусов», чтобы оно поместилось под элементом управления «стрелка влево».
Шаг 4. Создайте правило выхода за пределы игрового поля
Использование этого правила гарантирует, что если ваш гонщик коснется цвета фона (а не трека), он "вылетит":
- Нажмите Контроль, затем перетащите параметр «если, то» на пустое место.
- Нажмите Зондирование, затем перетащите параметр «цвет касания» в пустое пространство параметра «если, то» (между «если» и «то»).
- Щелкните текущий цвет рядом с «цветом касания», затем щелкните один раз фон трека вашего гонщика.
- Нажмите Выглядит, затем перетащите «сменить костюм на», чтобы он поместился в промежуток «если, то».
- Перетащите всю сборку «если, то», чтобы она поместилась в зазоре «навсегда» под правилом «переместить на 2 шага».
- Нажмите Контроль, затем перетащите опцию «остановить все», чтобы она поместилась под опцией «сменить костюм на».
- Щелкните "все", затем щелкните этот сценарий в появившемся раскрывающемся меню.
Шаг 5. Сделайте финишную реакцию
Следующий скрипт создаст сообщение о победе, когда ваш гонщик пересечет финишную черту:
- Нажмите Контроль, затем перетащите параметр «если, то» на пустое место.
- Нажмите Зондирование, затем перетащите параметр «цвет касания» в пустое пространство параметра «если, то» (между «если» и «то»).
- Щелкните текущий цвет рядом с «касанием цвета», затем щелкните один раз на финишной линии.
- Нажмите Выглядит, затем перетащите параметр «поздороваться на 2 секунды», чтобы он поместился в промежуток «если, то».
- Измените «привет» на «Вы выиграли!», Затем измените «2» на любое количество времени, которое вы хотите использовать, и нажмите ↵ Enter.
- Перетащите всю сборку «если, то» в скобку «навсегда» под другой скобкой «если».
Шаг 6. Протестируйте свою игру
Уменьшите масштаб, щелкнув - в правом нижнем углу области фона, щелкните зеленый флаг над левой панелью, а затем используйте клавиши со стрелками для маневрирования по треку. Вы должны дойти до финиша, не разбившись.
Если вы определили, что дорожка слишком узкая или нерегулярная для завершения, вы можете отрегулировать ее, щелкнув значок дорожки в нижнем левом углу страницы, щелкнув значок Фоны вкладка и рисование в областях, которые необходимо исправить, с использованием основного цвета вашего трека.
подсказки
- Вы можете сохранить Scratch-проект на свой компьютер со страницы Scratch «Создать», нажав Файл, щелкнув Скачать на свой компьютер, выбрав место для сохранения и нажав Сохранить. Затем вы можете повторно открыть проект позже, нажав Файл, щелкнув Загрузить со своего компьютера, и выбрав свой Scratch-файл.
- Если вам нужно отменить действие, нажмите Ctrl + Z (Windows) или ⌘ Command + Z (Mac).
- Будет значительно проще устранять неполадки и редактировать код, если вы сохраните различные сегменты организованными, а не случайным образом распределены по панели.
- Вы можете добавить препятствия на свой трек, добавив их цветом, отличным от вашего трека, а затем применив к ним скрипт выхода за границу. Для простоты вы можете просто использовать для этого цвет фона вашего трека.
