PIXI+THREE scaffold#

This is a scaffold for PIXI.js + THREE.js projects (combining 3d and 2d rendering).

includes:

• import of PIXI.js and THREE.js
• main pixi app with a root container and a canvas
• adds an offscreen canvas for THREE.js and a PIXI.js texture of that canvas (pixi texture is added to root container)
• automatic resizing of root container (fixed size) and canvas to window size
• keydown and keyup events
• setup and update functions

see flo-bit.github.io/pixi-three-scaffold/ for a simple example.

Usage#

• import the pixi-scaffold module

import PixiThreeScaffold from "https://flo-bit.github.io/pixi-scaffold/pixi-three-scaffold.js";

• make a game class with a setup and update function

class Game {
  setup(app) {
    // setup your game here
  }
  update(delta, total, app) {
    // update your game here
  }
}

• call PixiThreeScaffold.run and pass an instance of the game class

PixiThreeScaffold.run(new Game());