Тайлы в Phaser.js

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

Динамическое затемнение тайлов на основе расстояния в Phaser

Динамическое затемнение тайлов на основе расстояния в Phaser

Визуальные эффекты на основе расстояния оживляют игровой мир и направляют внимание игрока. Этот пример демонстрирует, как использовать расстояние в стиле "змейки" (манхэттенское расстояние) для плавно...

Читать
Как создать и редактировать шестиугольный тайловый слой в Phaser

Как создать и редактировать шестиугольный тайловый слой в Phaser

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

Читать
Обрезка спрайтов в Phaser: как избежать лишних пикселей в тайлсетах

Обрезка спрайтов в Phaser: как избежать лишних пикселей в тайлсетах

При создании тайлсетов из кадров анимации, упакованных в атлас, разработчики часто сталкиваются с неожиданным поведением: между тайлами появляются артефакты в виде лишних пикселей. Это происходит из-з...

Читать
Тайловые коллизии и триггеры в Phaser: как сделать сбор монет и секретные двери

Тайловые коллизии и триггеры в Phaser: как сделать сбор монет и секретные двери

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

Читать
Коллизии в Phaser: работаем с тайлсетами разного размера

Коллизии в Phaser: работаем с тайлсетами разного размера

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

Читать
Динамический Tilemap на Render Texture: вращаем карту в Phaser

Динамический Tilemap на Render Texture: вращаем карту в Phaser

Иногда статичного отображения тайловой карты недостаточно. Например, для создания мини-карты, сложных эффектов или оптимизации отрисовки. Render Texture — это мощный инструмент Phaser, позволяющий рис...

Читать