Seeking for advice

[candiceysl]

Hi,
 

Any idea how to build this fancy thing using GSAP?
http://pharrellwilliams.com/
 

They want this effect to be insert one of the section inside a one page website, the effect is user can scroll in any direction, drag to view more & also filter effect.
 

Now i lacking idea where to start research the effect or any example to give me idea to start with this fancy stuff. or the keyword for research? Please advice anything, because i fully stuck and hopeless now
 

Million Thanks.

[Carl]

If you inspect the site you will see that everything is drawn to the HTML5 <canvas> element.

Looks like they are certainly using GSAP for the animation and Pixi.js for canvas rendering.

 

Pixi code demos: https://pixijs.github.io/examples/#/basics/basic.js

Pixi sites: http://www.pixijs.com/gallery

 

The site you referenced is definitely quite advanced. I don't think there is any easy way to explain or demonstrate how its made as there are multiple tools being used and a ton of custom code.