JSFiddle - React, Tailwind, and code Playground

by intrinsica

HTML

<script src="https://rawgit.com/GoodBoyDigital/pixi.js/dev/bin/pixi.js"></script>

JavaScript

var renderer= PIXI.autoDetectRenderer( 100,100, {backgroundColor:0}),
    stage= new PIXI.Container(),
    sprites= new PIXI.ParticleContainer(1000, {scale: true}),
    bunny = PIXI.Sprite.fromImage('http://pixijs.github.io/examples/_assets/basics/bunny.png');

var g= new PIXI.Graphics, r;
g.beginFill(0); 
r= g.drawRect(0,0,100,100);
stage.addChild(r);

    bunny.position.x=30, bunny.position.y=30;
    sprites.addChild(bunny);
    stage.addChild(sprites);

r.interactive=true;
r.on('mousedown', onDown);
function onDown() { // teardown
    stage.removeChild(sprites);
    sprites.removeChild(bunny);
    bunny.destroy();
    sprites.destroy(false);
}

document.body.appendChild( renderer.view );
animate();

function animate() {

    requestAnimationFrame(animate);

    // render the root container
    renderer.render(stage);
}