Discover and read the best of Twitter Threads about #GSAP

Most recents (2)

I helped out the wonderful @by_index team to create this project
๐Ÿ‘‰ bizupagency.com/en/

This twitter thread is a break-down of the homepage WebGL #threejs interactive animation:

๐Ÿงต๐Ÿ‘‡
1 - Problem decomposition ๐Ÿ”

The idea was to have an interactive glossy 3d ball that would interpolate between different states on scroll ๐Ÿ–ฑ

At this point I know that a custom #shader is going to be involved as well as a sort of key frame manager for the state interpolation Image
2 - Interactive Bump (1/4) ๐Ÿคœ๐Ÿค›

With this idea,
I also needed to come up with a mouse interactivity visual on the ball that would be present throughout the animation

These next few parts will be about the development of that โ€œmouse bumpโ€
Read 11 tweets
Done this a while ago but never shown here, @greensock #gsap animation using CSS custom properties only is my favourite tool lately
@greensock And this one was done before starting to use gsap flip plugin, that now makes those transformations really easy
Read 3 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!