Fireworks WIP

[Guest Pusher]

Hi there,

 

Still a newbie to Greensock and noticing how much of a newbie every hour.

 

I was hoping to turn this particle emitter to more of a explosion burst effect like you would see with a firework. After 2 hours of playing i'm not really getting anywhere. Can someone tell me if an emitter is right for this?

 

Thanks,

 

Phil

See the Pen GpjMqZ by phillip_vale (@phillip_vale) on CodePen

[Diaco 1,997 Likes (Superhero)]

Hi Pusher 

 

pls fix line 15# by this : xPercent:-50 , yPercent:-50

[Guest Pusher]

Hi Diaco,

 

Sorry i'm not sure what i am fixing?

 

I just found the tidy button so now that line looks like this...

for (var i = dotQuantity - 1; i >= 0; i--) {
  dot = document.createElement("div");
  dot.className = "dot";
  TweenMax.set(dot, {
    xPercent: -50,
    yPercent: -50,
    force3D: true
  });
  document.body.appendChild(dot);
  dotPool[i] = dot;
}

[OSUblake 18,492 Likes (Superhero)]

What are you having problems with?

 

I know you said you are a newbie, so this might not make any sense to you, but here's an exploding effect I made. The timeline for the explosion is being set in the createExplosion function.

 

See the Pen avbPON by osublake (@osublake) on CodePen

[Guest Pusher]

Hi OSUblake,

 

That's pretty much what i am looking for. I will take a look at this and come back.

[OSUblake 18,492 Likes (Superhero)]

You can ignore most of the code on there. A lot of it just a bunch of boilerplate to setup a canvas so I could shove an obscene amount of stars on there. But the timeline code could be changed to work with DOM elements instead of canvas objects.

[Carl 11,164 Likes (Superhero)]

Awesome demo, Blake!

 

Pusher, here is another one to study: http://codepen.io/GreenSock/pen/nkylt