Спрайты в Phaser.js

Создание спрайтов, якоря, фреймы и отображение игровых объектов.

Как исправить дёрганную анимацию в Phaser: настройка roundPixels и pixelArt

Как исправить дёрганную анимацию в Phaser: настройка roundPixels и pixelArt

Вы заметили, что спрайты при анимации иногда подёргиваются или движутся неровно, словно по пиксельной сетке? Это классическая проблема при работе с холстом (Canvas) и движением на субпиксельных значен...

Читать
Как найти нужный спрайт в массиве: Phaser.Actions.GetFirst на практике

Как найти нужный спрайт в массиве: Phaser.Actions.GetFirst на практике

При создании игр часто приходится работать с большими группами объектов — врагами, бонусами, частицами. Искать среди них нужный по определенным критериям вручную через циклы утомительно и неэффективно...

Читать
Анимируем спрайт в Phaser: простой патруль по экрану

Анимируем спрайт в Phaser: простой патруль по экрану

Базовое перемещение объектов — один из первых навыков в разработке игр. В этом примере мы разберем, как заставить спрайт двигаться по горизонтали, создав бесконечный цикл патрулирования. Этот принцип...

Читать
Создание и управление анимациями в Phaser: полное проигрывание и отладка

Создание и управление анимациями в Phaser: полное проигрывание и отладка

Анимация — это сердце любой живой 2D-игры. Умение не только создавать плавные циклы, но и точно управлять их воспроизведением — ключевой навык. В этом примере Phaser демонстрирует, как создать анимаци...

Читать
Смещение спрайта от физического тела в Matter.js: тонкости отрисовки

Смещение спрайта от физического тела в Matter.js: тонкости отрисовки

При создании сложных игровых объектов часто возникает ситуация, когда визуальное представление (спрайт) не совпадает с физической формой (collider). Это может быть необходимо для анимаций, поворотов и...

Читать
Создание анимации из атласа без имен кадров в Phaser 3

Создание анимации из атласа без имен кадров в Phaser 3

При создании игр часто приходится анимировать персонажей, используя спрайт-листы или атласы. Phaser 3 предоставляет мощную систему анимаций, но типичный подход требует ручного перечисления каждого кад...

Читать