index.js

const PIXI = require('pixi.js');
const { init } = require('../..');

const { canvas, doc, window } = init({
	isGles3: true,
	isWebGL2: true,
	autoEsc: true,
	autoFullscreen: true,
});

const createOld = doc.createElement.bind(doc);
doc.createElement = (name) => {
	if (name === 'div' || name === 'a') {
		return { style: {} };
	}
	return createOld(name);
};

// based on https://pixijs.io/examples/#/demos-basic/container.js

const app = new PIXI.Application({
	// width: 800,
	// height: 600,
	backgroundColor: 0x1099bb,
	resolution: window.devicePixelRatio || 1,
	view: canvas,
});

const container = new PIXI.Container();

app.stage.addChild(container);

// Create a new texture
const texture = PIXI.Texture.from('https://pixijs.io/examples/examples/assets/bunny.png');

// Create a 5x5 grid of bunnies
for (let i = 0; i < 25; i++) {
	const bunny = new PIXI.Sprite(texture);
	bunny.anchor.set(0.5);
	bunny.x = (i % 5) * 40;
	bunny.y = Math.floor(i / 5) * 40;
	container.addChild(bunny);
}

// Move container to the center
container.x = app.screen.width / 2;
container.y = app.screen.height / 2;

// Center bunny sprite in local container coordinates
container.pivot.x = container.width / 2;
container.pivot.y = container.height / 2;

app.ticker.add((delta) => {
	container.rotation -= 0.01 * delta;
});