Примеры

Каждый пример здесь выполняется в изолированном iframe с зафиксированной сборкой Phaser 4. Исходный код на странице — это в точности тот код, который выполняется; никакой скрытой настройки нет.

Начальные примеры

• Базовый спрайт — загрузить текстуру и отрисовать её.
• Движение клавиатурой — перемещение спрайта на WASD / стрелках, в стиле опроса ввода со скоростью на основе delta-time.
• Переход между сценами — затухание между двумя сценами через API затухания камеры.
• Цепочка твинов — выстроить последовательность эффектов-твинов на одном объекте.
• Реакция на столкновение — клик создаёт физические шарики, которые сталкиваются друг с другом и с границами мира.
• Залп частиц — клик в любом месте запускает однократный взрыв через режим explode эмиттера.
• Пересечение в физике (подбираемые предметы) — заходите в звёзды, чтобы собирать их; канонический паттерн «пересечение как триггер».
• Шейдерный фильтр (Glow) — встроенный фильтр Glow на спрайте, сила которого анимируется твином.

По-прежнему хотелось бы добавить больше — загрузку tilemap, ввод с геймпада, сохранение/загрузку через глобальный плагин, собственный GLSL-объект Shader. Если у вас есть рабочий пример, демонстрирующий то, что существующие руководства лишь описывают, откройте PR.

Создание примера

Примеры находятся в src/content/docs/examples/ в виде файлов .mdx. Они импортируют компонент Playground и передают ему единственную строку code. Простейший рабочий шаблон смотрите в basic-sprite.mdx.