Skip to content

v5 Resources

Ivan Popelyshev edited this page Apr 12, 2021 · 37 revisions

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

Guides

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

Text & Input

Vector Graphics

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

Tool integration

Camera and transforms

3D Objects

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

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
Clone this wiki locally