Технологія
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 ·
