v5 Resources

Main site

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

A new documentation site that contains the main API + community plugin is https://api.pixijs.io/

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
• Functional testing in Cypress

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.
• pixi-fiddle made & used by @SukantPal for using creating "fiddles" (like JSFiddle) to test features in the local PixiJS build

Tweens & Animation

• pixi-actions by @srpatel . Little library for combining tweens/animations of DisplayObjects, inspired by the LibGDX action system

Game inputs

• pixi-virtual-joystick, Touch controls for action games.

Text & Input

• TextInput by @Mwni
• HTML Element Wrapper by @EneaEntertainment
• PIXI MultiStyle Text by @tleunen
• HTMLText by @bigtimebuddy
• Web Font Loader by @miltoncandelero

Vector Graphics

• pixi5-svg Allows to load SVG in Graphics. Works only with ES6. by @eXponenta
• pixi-svg by @bigtimebuddy

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.
• pixi-live2d-display Integration with live2d 2.1 , waiting for update to 4
• PIXIMC Plays Adobe Animate movieclips, supports skins

Camera and transforms

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

3D Objects

• pixi-3d - 3D Models loader, PBR, dynamic lights. Does not depend on pixi-projection

Performance

• pixi-batch-renderer by @SukantPal, good documented plugin for custom batch rendering.
• pixi-essentials by @SukantPal, a mini-SDK for enterprise-level applications built for performance

User interface (UI)

• PuxiJS This is old pixi-ui plugin, converted to v5 and properly documented. API reminds of 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