На создание оригинального Pong у Atari ушло более 3 месяцев в 1972 году. Классическая аркадная игра была одной из первых коммерчески успешных игр, проложивших путь индустрии разработки игр.
Кроме того, его простота делает его одним из первых проектов, за который берется любой программист.
Чтобы продемонстрировать, насколько проще стало программирование за последние 50 лет, мы попытаемся сделать Pong менее чем из 100 строк Javascript!
Вы можете воспроизвести готовый проект, развернутый на Codesphere, здесь.
Давайте начнем!
Наши различные компоненты
Нам нужно построить четыре части для нашей игры в понг:
- Графика
- Весло Движение
- Прыгающий мяч
- Ведение счета
Графика
Я собираюсь немного схитрить и использовать графическую библиотеку, чтобы избавить нас от черной работы, чтобы мы могли строго сосредоточиться на игровой логике.
Перемещение весла
Далее давайте создадим две ракетки и нарисуем их на экране. Кроме того, давайте позволим игроку их перемещать (я буду использовать встроенную функцию keyDown из P5.JS)
Прыгающий мяч
Теперь давайте добавим шар. Когда мяч касается верхней или нижней границы, мы хотим, чтобы его скорость y меняла направление.
Когда мяч попадает в одну из лопастей, мы хотим, чтобы его скорость x изменила направление и немного увеличилась (чтобы ударить сильнее). Кроме того, чтобы сделать игру более увлекательной, мы рандомизируем скорость по оси y, чтобы было труднее предвидеть мяч.
Ведение счета
Наконец, давайте начнем отслеживать счет. Когда мяч касается левой или правой границы, мы меняем счет и сбрасываем положение мяча. Затем мы отобразим счет в верхней части экрана!
И вот оно! Мы создали Pong, написав менее 100 строк кода!
Если вы хотите продемонстрировать свою игру, самое простое место для ее развертывания — Codesphere. Codesphere — единственный облачный провайдер, который делает облачное развертывание таким же простым, как и локальное!
Удачного кодирования и счастливого Рождества!
