Jump to content
Search Community

Seeking for advice

candiceysl test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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.
×
×
  • Create New...