Недавно я наткнулся на интересное видео на ютубе, в котором показан туториал по разработке пиксельной игры. (URL: https://youtu.be/yP5DKzriqXA)
Примечание. Меня всегда интересовали пиксельные игры из-за их простоты и интерактивности.
Ниже приведены некоторые интересные элементы, которые я узнал из этого видео о разработке пиксельных игр.
карта
Одним из важнейших элементов пиксельной игры является карта, тайловая карта — основной компонент пиксельной игры. Удивительно, но все движения персонажей, которые вы видели в пиксельных играх, — это движения карты. Персонаж находится в равномерном движении, движется только карта, что создает иллюзию движения персонажа.
Но тут возникает вопрос, как работают препятствия в пиксельной игре?
Конечно, в пиксельной игре внутри карты есть границы, некоторые области, через которые вы не можете пройти, это делается путем сопоставления коллизий. Помимо создания игровой карты, мы также создаем карту столкновений, которая указывает область столкновения, которую персонаж не может пройти.
Вот пример карты и карты коллизий:
Чтобы обнаружить столкновение, мы визуализируем прямоугольник в канве javascript, а затем сравниваем координату прямоугольника столкновения с координатой персонажа.
Персонаж
Итак, если действие движения вперед, назад, влево или вправо — это движение карты, как мы видим, как если бы персонаж двигался? Ответ на этот вопрос заключается в том, что мы анимируем персонажа одновременно с перемещением карты. Анимация персонажа рассматривается в кадре.
Чтобы визуализировать персонажа, мы вырезаем одну часть из ресурсов персонажа, а для того, чтобы анимировать персонажа, мы переключаем позиции обрезки, чтобы мы могли убрать другую часть движений персонажа. Чередуя движение разных персонажей с помощью изображения, мы можем создать анимацию движения персонажей в игре.
Заключение
Эта статья служит введением для тех, кто интересуется разработкой пиксельных игр, но не знает, с чего начать. Я надеюсь, что это поможет вам в вашем путешествии по разработке игр. ✌️
