Jump to content
GreenSock

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

Seeking for advice

Recommended Posts

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.

Link to comment
Share on other sites

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.

 

  • Like 4
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.
×