Камеры в Phaser.js

Камеры, следование, зум, shake и обрезка видимой области.

DOM-элементы и плавная камера в Phaser: оживляем интерфейс

DOM-элементы и плавная камера в Phaser: оживляем интерфейс

Использование DOM-элементов внутри игрового мира Phaser открывает новые возможности для создания гибридных интерфейсов, где стандартный HTML/CSS сочетается с игровой графикой и физикой. В этой статье...

Читать
Как работать с касательными векторами кубической кривой Безье в Phaser

Как работать с касательными векторами кубической кривой Безье в Phaser

Кривые Безье — мощный инструмент для создания плавных траекторий движения объектов, путей камеры или органических форм в играх. Часто недостаточно просто знать положение точки на кривой — нужно понима...

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

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

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

Читать
Эффект Tilt-Shift в Phaser: как создать иллюзию миниатюры

Эффект Tilt-Shift в Phaser: как создать иллюзию миниатюры

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

Читать
Как управлять видимой областью сцены: камера и setViewport в Phaser

Как управлять видимой областью сцены: камера и setViewport в Phaser

Когда вы создаете игру, иногда нужно показать только часть игрового мира или выделить определенную область экрана. В Phaser за отображение отвечает система камер, и метод `setViewport` позволяет гибко...

Читать
Реализуем захват курсора и вращение 3D-объекта в Phaser

Реализуем захват курсора и вращение 3D-объекта в Phaser

В играх от первого лица или 3D-редакторах часто требуется вращать камеру или объекты плавным, непрерывным движением мыши, не ограниченным краями экрана. Механизм Pointer Lock (захват указателя) браузе...

Читать