Тайлы в Phaser.js

Тайлмапы, слои, коллизии тайлов и отсечение невидимых клеток.

Устраняем дрожание пикселей: camera.setRoundPixels в Phaser

Устраняем дрожание пикселей: camera.setRoundPixels в Phaser

При создании пиксель-арт игр на Phaser разработчики часто сталкиваются с неприятным эффектом: спрайты и тайлы начинают "дрожать" при движении камеры или при нецелых координатах объектов. Это происходи...

Читать
Рендер Текстура в Phaser: как анимировать статичный тайлмап

Рендер Текстура в Phaser: как анимировать статичный тайлмап

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

Читать
Динамическое освещение в Phaser: создаем игру с плиточным светом на тайлмапе

Динамическое освещение в Phaser: создаем игру с плиточным светом на тайлмапе

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

Читать
Магия матриц в Phaser: Как перевернуть игровой мир с помощью TransposeMatrix

Магия матриц в Phaser: Как перевернуть игровой мир с помощью TransposeMatrix

Работа с двумерными массивами (матрицами) — частая задача при разработке игр: от уровней на тайлах и карт проходимости до сложных игровых состояний. Phaser предоставляет мощные утилиты для их обработк...

Читать
Загружаем тайловые карты из JSON в Phaser: практическое руководство

Загружаем тайловые карты из JSON в Phaser: практическое руководство

Тайловые карты — основа для создания уровней в 2D-играх. Phaser позволяет загружать карты, созданные в редакторах вроде Tiled, используя формат JSON. Это даёт мощный инструмент для быстрого прототипир...

Читать
Неправильный расчет размеров шестиугольного тайлмапа в Phaser и как это исправить

Неправильный расчет размеров шестиугольного тайлмапа в Phaser и как это исправить

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

Читать