Greg’s Sandbox

Notes on Front-End Web Development

17 May modified: 3 years ago

Accordion Slider -- GSAP

graphics gsap screenshot | gChambers

Another example of an accordion slider technique using GSAP as the engine for the interaction. In this case we are calling on TweenMax to provide the muscle to perform the tweens needed for expanding the images on rollover.

The idea and code was provided by Diaco-ML on CodePen. I've modifeid the scr…

Continue reading Accordion Slider -- GSAP ...

12 May modified: 3 years ago

GSAP Slideshow with Assets Plugin

gsap graphics Gregory Chambers | gChambers

The slideshow example below is one of several approaches that can be employed using the Greensock Animation Platform (GSAP). The particular technique shown below is notable in that it is probably the most approachable of the methods available.

Another interesting aspect of this exercise is the use o…

Continue reading GSAP Slideshow with Assets Plugin ...

12 May modified: 3 years ago

MGS5 Animation with Assets plugin

gsap plugin game box-cover graphic | Konami

This little animation sequence was inspired by the "saving" interface animations in the video game Metal Gear Solid 5: Phantom Pain. I've sat through this MSG5 user-interface device many, many times throughout my hours of game-play. The complex set of movements always intrigued me. Consequently, I s…

Continue reading MGS5 Animation with Assets plugin ...