PixiJS: Самый быстрый 2D-движок для WebGL и WebGPU

Лидер производительности и новые возможности

PixiJS остается эталоном в мире веб-графики, предлагая разработчикам инструмент, который работает на всех устройствах. Ключевые преимущества библиотеки включают:

Высокая скорость: Оптимизированная производительность для сложных сцен.
Поддержка технологий: Полная совместимость с WebGL и новая поддержка WebGPU.
Удобство: Простой API, загрузчик ресурсов (Asset Loader), поддержка мыши и мультитача, а также мощные фильтры и режимы наложения.

Быстрый старт и интеграция

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

npm create pixi.js@latest

Для добавления в существующий проект используется стандартная установка:

npm install pixi.js

Пример базового использования демонстрирует простоту инициализации приложения, загрузки текстуры (например, "bunny.png") и добавления спрайта на сцену с возможностью анимации через тикер.

Работа с TypeScript

Поскольку PixiJS поддерживает WebGPU, типизация зависит от доступных типов WebGPU в вашей версии TypeScript. Рекомендации по настройке:

Версия TypeScript	Требования к настройке
TypeScript 5	Дополнительных настроек не требуется. PixiJS автоматически добавляет `@webgpu/types`.
TypeScript 6 и 7	Встроенные типы могут быть неполными. Рекомендуется установить `@types/web` и заменить "dom" в настройках компилятора. Удалите `@webgpu/types`, если он есть, чтобы избежать конфликтов.

Сообщество и лицензия

PixiJS распространяется под лицензией MIT, что позволяет свободно использовать его в коммерческих и личных проектах. Проект активно развивается благодаря сообществу: разработчики могут сообщать об ошибках, предлагать функции или участвовать в реализации задач из дорожной карты. Поддержать проект можно через Open Collective.

Источник: Github ↗