Тайлы в Phaser.js

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

Мастерская Blitter: как рисовать тысячи спрайтов без тормозов в Phaser

Мастерская Blitter: как рисовать тысячи спрайтов без тормозов в Phaser

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

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

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

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

Читать
Работа со слоями в Phaser: как правильно выбирать и управлять тайлами

Работа со слоями в Phaser: как правильно выбирать и управлять тайлами

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

Читать
Как исправить смещение тайлов в Phaser: решение проблемы с маской

Как исправить смещение тайлов в Phaser: решение проблемы с маской

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

Читать
Исправление бага: как отключить кадрирование в изометрическом слое Phaser

Исправление бага: как отключить кадрирование в изометрическом слое Phaser

При разработке изометрических игр на Phaser вы могли столкнуться с неожиданным исчезновением тайлов при прокрутке камеры. Виной тому — оптимизация отрисовки, называемая кадрированием (culling), котора...

Читать
Анимированные тайлы и плавная камера: Создание живой карты в Phaser 3

Анимированные тайлы и плавная камера: Создание живой карты в Phaser 3

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

Читать