How to use PIXI.Graphic when using new PIXI.particles.ParticleContainer()
<p>I'm making particles and want to use the PIXI.particles.ParticleContainer. Based on this demo, <a href="http://www.goodboydigital.com/pixijs/bunnymark" rel="nofollow noreferrer">http://www.goodboydigital.com/pixijs/bunnymark</a> it uses a texture for each particle sprite. What I want to use instead of texture is PIXI.Graphics. The particle is not visible/working when using PIXI.particles.ParticleContainer but is visible/working using new PIXI.Container()</p>

<pre><code>const renderer = new PIXI.autoDetectRenderer(800, 800, { transparent: true });
document.body.appendChild(renderer.view)

const stage = new PIXI.Container(); //this works
// const stage = new PIXI.particles.ParticleContainer(); // this. doesn't work


function drawSquare() {
  const spriteParticle = new PIXI.Sprite()

  const graphics = new PIXI.Graphics()
  graphics.beginFill(0xFF0000, 1);          
  graphics.drawRect(10, 10, 50, 50);
  spriteParticle.addChild(graphics)
  stage.addChild(spriteParticle)  
}

function loop() {
  renderer.render(stage)
  requestAnimationFrame(loop)
}

drawSquare()
loop()
</code></pre>

<p>Here is a demo: <a href="http://codepen.io/lonelydatum/pen/eggEje?editors=0010#0" rel="nofollow noreferrer">http://codepen.io/lonelydatum/pen/eggEje?editors=0010#0</a></p>