Scratch:Примеры/Игра Pong

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Проверка/Оформление/Редактирование: Мякишев Е.А.


Игра Pong

Описание

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

Шаг №1

Создайте новый проект, для этого выполните следующую последовательность действий:Файл->Новый.

Рис. 1. Для создания нового проекта в строке меню нажмите последовательно Файл -> Новый.
Рис. 1. Для создания нового проекта в строке меню нажмите последовательно Файл -> Новый.

Затем удалите спрайт кота, для этого кликните правой кнопкой мыши на спрайте кота и в контекстном меню выберете пункт Удалить.

Рис. 2. Для удаления спрайта кота кликните правой кнопкой мыши на спрайте кота и в контекстном меню выберете пункт Удалить.
Рис. 2. Для удаления спрайта кота кликните правой кнопкой мыши на спрайте кота и в контекстном меню выберете пункт Удалить.

Шаг №2

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

Кликните по иконке "Сцена".

Рис. 3. Иконка Сцена
Рис. 3. Иконка Сцена.

Затем перейдите во вкладку Фоны.

Рис. 4. Вкладка Фоны.
Рис. 4. Вкладка Фоны.

Теперь выполните следующие шаги:

  1. Кликните по иконке инструмента "Прямоугольник";
  2. Кликните по иконке "Заполненный прямоугольник";
  3. Кликните на палитре цветов по любому цвету, например красному.
  4. Кликните мышкой в нижней части фона и двигайте ею, чтобы нарисовать прямоугольник.
Red line on scene-scratch exmp pong 1.PNG

Если возникли проблемы при создании прямоугольника, вы можете воспользоваться "помощью" маленьких квадратных манипуляторов и изменить размер прямоугольника. Также щелкнув в центре прямоугольника вы можете перемещать его по фону Сцены.

Red line on scene-scratch exmp pong 2.PNG

Шаг №3

Теперь нам необходимо нарисовать ракетку, которой мы будем отбивать мяч. Для этого кликнете по "Нарисовать новый спрайт" и выполните те же шаги что и при рисовании нижней прямоугольной линии.

Paddle sprite scratch exmpl pong 2.PNG

Теперь необходимо указать центр ракетки. Для этого кликните по кнопке "Установить центр"(в верхнем правом углу графического редактора). Нажав ее на поле вы увидите две оси, центральная точка находится в месте пересечения осей. В оффлайн версии Scratch нажмите кнопку мыши и не отпуская ее укажите центр вашей ракетки, при отпускании мыши центр будет установлен и оси исчезнут. В онлайн версии Scratch при отпускании кнопки оси не исчезают, нажмите клавишу  Esc , чтобы убрать оси.

Paddle sprite scratch exmpl pong 3.PNG


Paddle sprite scratch exmpl pong 4.PNG

Задайте имя новому спрайту. Для этого кликните по значку "i" нового спрайта в разделе "Спрайты":

Paddlename scratch exmpl pong 1.PNG

Назовите его paddle:

Paddlename scratch exmpl pong 2.PNG

Но перед тем как выйти из редактирования имени, с помощью кнопки с изображением стрелки. Переместите спрайт ракетки с помощью мышки, так чтобы координата y(значение данной координаты отображается под текстовым полем, в котором вы вводили название спрайта) была равна 120.

Paddlename scratch exmpl pong 3.PNG

Шаг №4

Теперь необходимо добавить спрайт мячика. Для этого импортируем его из библиотеки. Кликните по иконке "Выбрать спрайт из библиотеки".

Ball scratch exmpl pong 1.PNG

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

Tennis ball scratch exmpl pong 1.PNG

Шаг №5

Добавьте код к каждому спрайту.

Спрайт paddle

Кликните два раза по спрайту paddle, и создайте скрипт по примеру ниже:

Рис. 15. Готовый скетч для спрайта paddle.
Рис. 15. Готовый скетч для спрайта paddle.

Спрайт Tennis Ball

Кликните два раза по спрайту Tennis Ball, и создайте скрипт по примеру ниже:

Рис. 16. Готовый скетч для спрайта Tennis Ball.
Рис. 16. Готовый скетч для спрайта Tennis Ball.

Обратите внимание, при использовании блока "касается цвета ?" необходимо кликнуть по квадратику внутри блока, а затем по нижней полоске на Сцене, для задания цвета, с которым будет работать данный блок.

Демонстрация

Кликните по зеленому флажку. Игра началась!

Рис. 17. Демонстрация работы готовой игры Pong.
Рис. 17. Демонстрация работы готовой игры Pong.

См.также

Внешние ссылки