Scott Bailey

Pixi.js

Pixi.js is a javascript graphics library that makes it easier to work with 2D WebGL with a canvas fallback.

Code snippits:

Creating a sprite from a generated texture

// Draw something
const graphics = new PIXI.Graphics();
graphics.beginFill(0xff0000, 1);
graphics.lineStyle(2, 0xff0000, 1);
graphics.drawCircle(0, 0, PLAYER_VISIBILITY_RADIUS_PX);

// Convert it to a texture
const renderer = this.renderState.renderer;
const texture = renderer.generateTexture(graphics, PIXI.SCALE_MODES.NEAREST, 1);

// Use the texture to create a sprite.
const sprite = new PIXI.Sprite(texture);
sprite.anchor.x = 0.5;
sprite.anchor.y = 0.5;