particles : Animate CC + GSAP

[fripi]

Hi,

 

first of all sorry there will not be a codepen as it's specific to Animate CC.

I'm not very experienced in canvas coding and particle effects... so I found some code and tried to adapt it to work in A.CC, you'll find the project attached.

 

Now my questions are :

• how get rid of the trail, as it draws a new circle every time and doesn't delete the old one, I don't get how to do it in the code.
• wouldn't it be easier with a TweenMax for each particle to move around, and remove this draw update that is used now? But how to do it? again i'm lost in this code ?

 

Thank you

stars.fla

[Carl]

 

This is the best I can do for you right now:

 

for (var i = 0; i < 200; i++) {
    var p = new lib.Particle();
    this.addChild(p);
    TweenMax.to(p, 1, {x:400 + Math.random() * 400, y:400 + Math.random() * 400, delay:i * 0.01, repeat:-1})    
}

 

please see the attached fla. it should be a good start.

 

simple-particles.zip

[Carl]

note: edited the response above with files

[fripi]

Great, thanks Carl, indeed much easier than what I had ?

[Jonathan456]

Can I get the open source files? As the link were expired.

[Carl]

hi jonathan456, this seems to be what you are looking for.

 

forum-particles.zip