Спрайты в Phaser.js

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

Рисуем контуры в Phaser: работа с графикой и lineStyle

Рисуем контуры в Phaser: работа с графикой и lineStyle

Персонажи, интерфейсы, эффекты — графика составляет душу игры. Иногда нужны не только готовые спрайты, но и простые фигуры, нарисованные кодом: рамки, зоны взаимодействия, векторные элементы. Phaser п...

Читать
Создание волны анимаций в Phaser 3: GridAlign и цепочка tween

Создание волны анимаций в Phaser 3: GridAlign и цепочка tween

Создание сложных визуальных эффектов из простых элементов — ключ к живой и привлекательной графике в играх. Эта статья разбирает пример, где 108 спрайтов выстраиваются в идеальную сетку и затем оживаю...

Читать
Сцена Phaser: от Scene Config до загрузки ресурсов

Сцена Phaser: от Scene Config до загрузки ресурсов

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

Читать
Пиксель-перфект в Phaser: точное определение кликов по спрайтам

Пиксель-перфект в Phaser: точное определение кликов по спрайтам

При создании игр часто возникает задача сделать спрайт кликабельным. По умолчанию Phaser использует для этого ограничивающий прямоугольник (bounding box), что может приводить к ложным срабатываниям, е...

Читать
Анимированные частицы в Phaser: как оживить эммитер спрайтами из атласа

Анимированные частицы в Phaser: как оживить эммитер спрайтами из атласа

Частицы в играх — это не только точки или простые формы. С помощью Phaser вы можете создавать эффектные системы частиц, где каждая частица — полноценный анимированный спрайт, взятый из атласа. Это отк...

Читать
Как добавить пикселизацию спрайту в Phaser 3 с помощью фильтров

Как добавить пикселизацию спрайту в Phaser 3 с помощью фильтров

Фильтры в Phaser 3 позволяют применять к игровым объектам различные визуальные эффекты в реальном времени, не редактируя исходные текстуры. В этой статье мы разберем пример добавления фильтра пикселиз...

Читать