Search code examples
javascripthtml5-canvasparticles

How do I make a particle zoom transition using html5 canvas + js?


I'm trying to make a transition effect for my website similar to the one that can be found here when you scroll. I've searched high and low and can't seem to find anything even closely related to it. I've started looking through the code on that webpage but I don't really have the time to scour through nearly 50,000 lines of code and test to find the part that I need. The only difference I would make for my site is that I would like the particles to be circles, not squares. Any help that anyone can provide would be greatly appreciated.


Solution

  • The creator of that site it's using Three.js to accomplish that effect. It's not easy to achieve.

    These examples might help you but you should learn the basics first.