Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
cfx

Particle Ball

Recommended Posts

Guys,

 

I've used greenock before on website deployments but I'm no expert, we're going to be using it much more now and the first project we've come up with is (as usual) tricky.

 

Is it possible within GSAP to replicate something like this? Seems ambitious but I'm sure GSAP can handle it ;-)

 

Interested in any other threads that discuss these principles. Needless to say I'm trying to avoid defaulting to After Effects..

 

Buzz

See the Pen qpKyzv by cfx (@cfx) on CodePen

Link to comment
Share on other sites

Hi @cfx

 

GSAP is an animation engine, and does not handle rendering. You could certainly use GSAP to animate the particles in that demo, but you would still need to write all the code to handle the creation and rendering of the particles. In short, the hardest part of that demo is the rendering, and there is no easy way to do something like that. The amount of code would probably be the same if GSAP was used to handle the animations.

 

The biggest problem I see with that demo is that it's using a 2d canvas to do 3d rendering. It's doable, but far from optimized. It would be much easier, and faster to create something like that using three.js. Once you have something that can be rendered in three.js, it's very easy to animate it using GSAP.

https://threejs.org/

https://github.com/mrdoob/three.js

 

  • Like 4
Link to comment
Share on other sites

Thanks for the reply.

 

Actually this looks pretty straight forward with three.js and low overhead so great tip thanks!

 

Buzz

  • Like 2
Link to comment
Share on other sites

Just to let you know, this was a piece of cake in THREE.js - will support it with GSAP.

 

Buzz

Link to comment
Share on other sites

Nice! You should also check out this thread for a simple three.js plugin.

 

 

  • Like 2
Link to comment
Share on other sites

4 minutes ago, OSUblake said:

Nice! You should also check out this thread for a simple three.js plugin.

 

 

That's really useful Blake! Thanks so much.

 

Now go enjoy your Saturday - even superheroes have a day off...

 

Buzz

  • Like 2
Link to comment
Share on other sites

On 20/01/2018 at 4:02 PM, OSUblake said:

Nice! You should also check out this thread for a simple three.js plugin.

 

 

 

@OSUblake my love/jealousy of you unhuman ability to be here, catalogue and remember information never ceases to increase.

 

Please never reproduce, there would not be any webdevelopment work left if there were more than one of you.

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×