Рисуем корабль

Собираем героя из простых цветных фигур.

Кадр 2D-игры Лови звёзды

Цель урока: Понять, как на экране появляются фигуры по координатам.

Как работать с примерами

Arcade запускается на компьютере. Первый урок показывает основу игрового файла; далее это фрагменты полной игры. Открой полный код и меняй в нём нужные строки. Кнопка онлайн IDE для этого проекта не используется.

Шаг 1 · Найди центр экрана

Координата x растёт вправо, y — вверх. У окна шириной 900 центр по горизонтали находится в точке 450.

Python
WIDTH = 900SHIP_Y = 75ship_x = WIDTH / 2print(ship_x, SHIP_Y)
Что увидишь
450.0 75

Что происходит в коде

  1. WIDTH / 2 вычисляет середину экрана — 450.
  2. SHIP_Y = 75 ставит корабль близко к нижнему краю.
  3. Пара чисел x, y определяет положение на плоскости.

Шаг 2 · Нарисуй нос и кабину

Эти строки стоят внутри on_draw() полного файла. Из трёх точек получается треугольник корабля.

Python
arcade.draw_triangle_filled(    self.ship_x, SHIP_Y + 37,    self.ship_x - 31, SHIP_Y - 24,    self.ship_x + 31, SHIP_Y - 24,    (82, 187, 255),)arcade.draw_circle_filled(self.ship_x, SHIP_Y + 4, 10, (241, 247, 255))
Что увидишь
Внизу окна виден голубой корабль с белой кабиной.

Что происходит в коде

  1. draw_triangle_filled получает координаты трёх вершин и цвет корабля.
  2. self.ship_x входит во все три вершины: когда он изменится, переедет весь корабль.
  3. draw_circle_filled рисует кабину: центр, радиус и цвет.

Попробуй сам

  1. Поменяй цвет корпуса корабля.
  2. Сдвинь корабль выше, изменив SHIP_Y.
  3. Добавь ещё один круг — иллюминатор или огонь двигателя.

Меняй одну строчку за раз, сохраняй файл и запускай игру на компьютере снова.

Как это работает в полной игре

В полном файле on_draw() очищает кадр и рисует звёздный фон, падающие предметы, корабль, счёт и жизни.

Скачать проект Arcade
Заметка для преподавателя

Нарисуйте оси x и y на доске. В Arcade ноль координат находится слева внизу. Попросите детей показать, как сдвинуть корабль вправо на 50 пикселей.