Taking it further

Pixi can do a lot, but it can’t do everything! If you want to start making games or complex interactive applications with Pixi, you’ll need to use some helper libraries:

• Bump: A complete suite of 2D collision functions for games.
• Tink: Drag-and-drop, buttons, a universal pointer and other helpful interactivity tools.
• Charm: Easy-to-use tweening animation effects for Pixi sprites.
• Dust: Particle effects for creating things like explosions, fire and magic.
• Sprite Utilities: Easier and more intuitive ways to create and use Pixi sprites, as well adding a state machine and animation player. Makes working with Pixi a lot more fun.
• Sound.js: A micro-library for loading, controlling and generating sound and music effects. Everything you need to add sound to games.
• Smoothie: Ultra-smooth sprite animation using true delta-time interpolation. It also lets you specify the fps (frames-per-second) at which your game or application runs, and completely separates your sprite rendering loop from your application logic loop.

You can find out how to use all these libraries with Pixi in the book Learn PixiJS.

Hexi

Do you want to use all the functionality of those libraries, but don’t want the hassle of integrating them yourself? Use Hexi: a complete development environment for building games and interactive applications:

https://github.com/kittykatattack/hexi

It bundles the best version of Pixi (the latest stable one) with all these libraries (and more!) for a simple and fun way to make games. Hexi also lets you access the global PIXI object directly, so you can write low-level Pixi code directly in a Hexi application, and optionally choose to use as many or as few of Hexi’s extra conveniences as you need.

BabylonJS

Pixi is great for 2D, but it can’t do 3D. When you’re ready to step into the third dimension, the most feature rich, easy-to-use 3D game development platform for the web is BabylonJS. It’s a great next step for taking your skills further.