schemagroup

Members
  • Content Count

    3
  • Joined

  • Last visited

  1. schemagroup

    ParticleContainer Color Glitch

    No worries figured it out, it was the background, that was causing the issue.
  2. schemagroup

    Responsive Pixijs

    Hi All, I would like to know how to make Pixijs responsive, please let me know since I'm new to Pixijs?. Thanks
  3. schemagroup

    ParticleContainer Color Glitch

    Hi All, I'm having this weird issue with the PixiJS ParticleContainer for some reason when I apply a color tint to it using TweenMax it glitches. I've pasted my code for reference if you see any issue in my code. // HERE IS WHERE I CREATE MY PARTICLES USING THE PARTICLE CONTAINER function createParticles() { console.log("createParticles()"); particleContainer = new PIXI.particles.ParticleContainer(particleData.length, {scale: true, position: true, tint:true, rotation: true, alpha: true }); particleContainer.x = app.renderer.width / 2; particleContainer.y = app.renderer.height / 2; bkg = new PIXI.Graphics().beginFill(0x000000).drawCircle(0, 0, 300); bkg.x = app.renderer.width / 2 +10; bkg.y = app.renderer.height / 2 +10; var graphics = new PIXI.Graphics().beginFill(0x4c9f91).drawCircle(0, 0, 10); var texture = graphics.generateCanvasTexture(); for (var i = 0; i < particleData.length; i++) { var particle = new PIXI.Sprite(texture); particle.pivot.set(5, 5); particleArray.push({particle: particle, xpos: particleData[i].xpos, ypos: particleData[i].ypos}); particle.alpha = 0; particle.x = 0; particle.y = 0; particle.scale.set(Math.random() * 1 - 0.25); particleContainer.addChild(particle); } contentContainer.addChildAt(bkg, 0); contentContainer.addChild(particleContainer); } // CHANGES COLOR OF THE PARTICLE CONTAINER, ONCE THIS GETS FIRED IT TURNS BLACK AND THEN CHANGES BACK TO THE COLOR ON WHICH IT APPLIES, LOOKS LIKE A GLITCH. function cyleColors() { tlColor.to(particleContainer, 3, {pixi:{tint:0x4ec7f2}}) .to(particleContainer, 3, {pixi:{tint:0xe6df36}}) .to(particleContainer, 3, {pixi:{tint:0x4c9f91}}) .to(particleContainer, 3, {pixi:{tint:0xf98331}}) .to(particleContainer, 3, {pixi:{tint:0xde1272}}); } Thanks,