Technology
PixiJS
PixiJS is a 2D rendering engine for the web that draws on the graphics card through WebGL and WebGPU. I used it to draw browser games for one big screen, such as a co-op zombie shooter and a racing game
- Type
- Technology
- Official site
- pixijs.com
- In my work
- Projects 1 · Services 1
- Published
Where I use it
QRuma: party games on one big screen with phones as gamepads
QRuma runs party games on one big screen. Players scan a QR code and their phones become gamepads, with nothing to install. It grew out of VibeCatter
ServicesFrom idea to a working MVP
MVP development for startups: scope, UX, design, frontend, backend, AI and launch, by one senior engineer who has been a founder and a CTO
What is PixiJS and how do I use it in browser games?
A party game on a TV has to stay smooth with dozens of characters, effects and particles on the screen. PixiJS draws all of it on the graphics card, while the game logic stays on the server
Key facts
How I use PixiJS
- Immune Z. A co-op top-down zombie shooter for up to 10 players. The big screen draws the arena, the characters, fire and effects with PixiJS, while phones act as controllers.
- Race Track. A racing game for up to 8 players on the same platform.
- Server and screen apart. The server decides what happens; PixiJS only draws the state it receives and smooths the motion between updates. Read the case study.
When I choose PixiJS and its limits
PixiJS fits 2D games, interactive visualisations and animated scenes with many moving objects. It is light and fast, and it leaves the game design to you.
It is a renderer, not a game engine: physics, sound and scene management come from other libraries or from your own code. For a 3D scene I would take a 3D engine, and for a few animated elements on a page, CSS or a small animation library is enough.
Used together with
Sources
- PixiJS — PixiJS ·
- PixiJS Guides — PixiJS ·
