JSFiddle - React, Tailwind, and code Playground

by nt_pch

HTML

<script src="https://pixijs.github.io/examples/_site/js/pixi.js"></script>

JavaScript

var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, null);
document.body.appendChild(renderer.view);

var stage = new PIXI.Container();


var bg = new PIXI.Graphics();
bg.beginFill(0xFF0000, 1);
bg.drawRect(0, 0, 200, 200);
stage.addChild(bg);

bg.interactive = true;
bg.buttonMode = true
bg.on('mousedown', bgClick);

var fg = new PIXI.Graphics();
fg.beginFill(0x00FF00, 1);
fg.drawRect(10, 10, 200, 200);
stage.addChild(fg);

stage.interactive = true;


function bgClick() {
    console.log('clicked');
}


function animate() {
    renderer.render(stage);
    requestAnimationFrame(animate);
}

animate();