24a2 — очень простой, но полностью рабочий игровой движок для программистов на JavaScript. У него необычный внешний вид, но вы можете использовать его для изучения основ программирования игр.
Благодаря поддержке игрового цикла, красочной графике и простому вводу 24a2 имеет все необходимое для создания небольших игр с минимальными усилиями.
Ознакомьтесь с 24a2 и начните свой путь к полноценной разработке игр уже сегодня.
Что такое 24a2?
24а2 — это небольшой движок с открытым исходным кодом, который помогает создавать простые игры. Его очень легко освоить, и все, что вам нужно, чтобы начать создавать свои игры, — это веб-браузер и текстовый редактор.
24a2 получил свое название от своего разрешения: 24 x 24. Даже по сравнению с др. минималистичные двигатели типа PICO-8, с его разрешением 128 x 128, это крошечный! 24a2 использует круглые «пиксели» с большими промежутками между ними, поэтому выглядит довольно своеобразно.
Вы, вероятно, не будете использовать 24a2, чтобы придумать следующую видеоигру, ставшую хитом, но суть не в этом. 24a2 идеально подходит для начинающих, и вы можете использовать его для изучения некоторых фундаментальных концепций разработки игр.
Это также отлично подходит для прототипирования основной концепции. Если вы обнаружите, что отвлекаетесь на сложную игровую физику или анимацию спрайтов, удаление всего этого должно помочь вам сосредоточиться.
Более того, исходный код 24a2 представляет собой один файл TypeScript. Вы можете использовать его для вдохновения или даже модифицировать, чтобы создать свой собственный, более совершенный игровой движок.
Как вы используете 24a2?
Начните с базового шаблона для вашей игры:
<HTML>
<голова>
<сценарий
источник = " https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
сценарий>
<сценарийисточник="game.js">сценарий>
голова>
<тело>тело>
HTML>
Обратите внимание, как это использует сеть доставки контента (cdn.jsdelivr.net) для получения двигатель.js файл, поэтому вам даже не нужно ничего скачивать или устанавливать.
Второй сценарий, игра.js, для вашего собственного игрового кода. Начните с минимального рабочего кода, чтобы убедиться, что все работает правильно:
новая игра({}).run();
Эта крошечная программа отобразит сетку 24a2 по умолчанию в вашем веб-браузере:
Далее вам нужно ознакомиться с функциями обратного вызова 24a2, которые составляют ядро движка. Эти концепции можно использовать в разных игровых движках, поэтому изучение того, как они работают, принесет вам пользу не только при использовании 24a2.
Существует несколько важных функций, которые вы можете определить и передать конструктору Game() через конфигурация объект.
позволять конфигурация = {
создать: создать,
обновление: обновление,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
позволять игра = новый Игра (конфиг);
игра.выполнить();
24a2 вызывает функцию, указанную вами в config.create, при запуске. Вы можете использовать это для инициализации собственной конфигурации вашей игры, настройки структур данных и т. д.
функциясоздавать(игра) {}Функция обновления запускается периодически на протяжении всей игры. Это основной цикл игры который в других движках обычно состоит из отдельных шагов для обновления состояния игры и перерисовки экрана. С 24a2 вы будете обрабатывать обе операции в этой функции.
функцияобновлять(игра) {}Наконец, для захвата ввода вам потребуется обрабатывать нажатия клавиш со стрелками, щелчки мышью или и то, и другое. 24a2 передает направление вашей функции onKeyPress, когда игрок нажимает клавишу со стрелкой. Он передает координаты x и y в onDotClicked, если они щелкают точку с помощью мыши.
функцияonKeyPress(направление) {}
функцияonDotClicked(х, у) {}
Какие игры можно создать с помощью 24a2?
участок 24а2 содержит три примера игр, включая учебник. Другие, которые он демонстрирует, — это простая игра «Змейка» и испытание «Лыжи».
Репозиторий GitHub включает ссылки на некоторые другие игры, в том числе на космических захватчиков, крестики-нолики и минимальную программу Paint. You Killed a Bear более продвинутая игра, а Maze Craze — хорошая демонстрация того, как накладывать дополнительную графику поверх стандартной сетки.
24MadRush — это «клон» тетриса, в котором прекрасно используется цветовая палитра. Он также начинается с инновационного игрового обучения, демонстрирующего его возможности.
Технические характеристики игр 24a2
24a2 очень ограничен по дизайну. Но это дает прекрасную возможность для творчества. Один из главные советы, как стать более креативным заключается в том, чтобы принять ограничения.
Помимо ограниченного разрешения, 24a2 ограничивает вас:
- Цветовая палитра всего из девяти цветов: цвета радуги плюс черный и серый.
- Очень простой ввод: нажатия клавиш со стрелками и щелчки мышью по точечной сетке.
- Тишина: нет никакой поддержки музыки или звуковых эффектов.
Однако вы всегда можете написать дополнительный код JavaScript, чтобы расширить свою игру за пределы этих ограничений. И, поскольку движок с открытым исходным кодом, вы можете развивать его так, как считаете нужным.
Подтолкните себя к большим вещам с 24a2
Попробуйте проверить себя ходом 24a2. Воссоздайте классическую игру или придумайте свою собственную. Пошаговые игры, такие как настольные игры, будут очень хорошо работать с движком.
Если 24a2 пробудит в вас страсть к геймдеву, у вас будет много возможностей продолжить это путешествие. Популярны PICO-8, Godot, Unity и GameMaker.
