Технология
PixiJS
PixiJS — движок 2D-рендеринга для веба, который рисует на видеокарте через WebGL и WebGPU. На нём я рисовал браузерные игры для одного большого экрана — например, кооперативный шутер про зомби и гонки
- Тип
- Технология
- Официальный сайт
- pixijs.com
- В моей работе
- Проекты 1 · Услуги 1
- Опубликовано
Где я её применяю
QRuma: игры для одного большого экрана, где телефон — геймпад
QRuma запускает игры для компании на одном большом экране: игроки сканируют QR-код, и телефон становится геймпадом без установки. Проект вырос из VibeCatter
УслугиРазработка MVP: от идеи до работающего продукта
Разработка MVP на заказ: объём, UX, дизайн, фронтенд, бэкенд, AI и запуск — силами одного сеньора, который сам был основателем и CTO
Что такое PixiJS и как я использую его в браузерных играх?
Игра для компании на телевизоре должна идти плавно, даже когда на экране десятки персонажей, эффектов и частиц. PixiJS рисует всё это на видеокарте, а игровая логика остаётся на сервере
Основные факты
Как я применяю PixiJS
- Immune Z. Кооперативный шутер про зомби с видом сверху, до 10 игроков. Большой экран рисует на PixiJS арену, персонажей, огонь и эффекты, а телефоны работают как пульты.
- Race Track. Гонки до 8 игроков на той же платформе.
- Сервер и экран отдельно. Что происходит в игре, решает сервер; PixiJS только рисует полученное состояние и сглаживает движение между обновлениями. Кейс платформы.
Когда я выбираю PixiJS и его ограничения
PixiJS подходит для 2D-игр, интерактивных визуализаций и анимированных сцен с множеством движущихся объектов. Он лёгкий и быстрый и оставляет геймдизайн вам.
Это рендерер, а не игровой движок: физика, звук и управление сценами берутся из других библиотек или из вашего собственного кода. Для 3D-сцены я бы взял 3D-движок, а для нескольких анимированных элементов на странице хватит CSS или небольшой библиотеки анимации.
Работает вместе с
Источники
- PixiJS — PixiJS ·
- PixiJS Guides — PixiJS ·
