v5 Resources

Main site

All things pixi such as overview, tutorials, projects and examples can be found here Pixijs.com

Tutorials

• Setting up PixiJS BitmapText
• PixiJS Spritesheet tutorial from author of TexturePacker tool.
• How to make jigsaw game with webpack and es8, by @proudcat
• Webpack tutorial with pixi by @proudcat

Guides

• Learning PixiJS , for v4
• Pixi Starfighter tutorial Work in progress
• Tic Tac Toe with detailed commits. SocketIO, Typescript. Work in progress

Debugging and editor tools

• PixiJS Free Transform Tool by @jedateach provides controls for transforming position, size, and rotation of Pixi.js Display Objects.
• gstatsjs shows graphics statistics (texture count, draw calls) for WebGL applications, tested on PixiJS and Phaser.
• Pixi Console by @jkanchelov Shows errors from actual console, useful for debugging mobile games.

Text & Input

• TextInput by @Mwni
• HTML Element Wrapper by @EneaEntertainment
• PIXI MultiStyle Text by @tleunen
• HTMLText by @bigtimebuddy

Vector Graphics

• pixi5-svg Allows to load SVG in Graphics. Works only with ES6.

Tool integration

• pixi-spine is runtime for EsotericSoftware Spine, based on spine-ts runtime
• pixi-spine-debug by @sbfkcel shows spine object bones and bounds.
• pixi-tiled loads Tiled projects, support ortho tilemaps without compression (base64 is coming soon), include animated tiles.
• pixi-poly integration with CodeAndWeb Physics Editor. Cheap outline, shape interaction for sprites.

Camera and transforms

• pixi-viewport by @davidfig, very easy to use 2d Camera
• pixi-projection - 2.5D and 3D camera and transforms.

Shaders

• pixi-batch-renderer Good documented plugin for custom batch rendering.

User interface (UI)

• puxi-ui This is old pixi-ui plugin, converted to v5 and properly documented. API reminds Unity.

Integration with platforms and frameworks

• react-pixi-fiber by @michalochman , integration with React
• bs-pixi by @ambientlight , integration with ReasonML
• vispipe Project pipes python commands to pixijs and back

Other plugins

• pixi-layers, Layer-based rendering, saves a lot of time for 2d games with multiple layers (nickname, character, shadows). Required for lighting plugins!
• pixi-heaven, Dark-Light tint, One-color tint, Polygon Packing with texturePacker, Mesh texture trim support.
• pixi-tilemap, fast low-level helper for tilemaps, standard and isometry. Faster than collection of sprites, a bit faster than PIXI.Graphics, avoids spritesheet edge artifacts. Want 30000 tiles on screen? OK. Want a million? Just spawn multiple tilemaps.

Community

• Forum
• Chat
• PixiJS Slack - ask someone, its by invitation