Greg’s Sandbox

Notes on Front-End Web Development

12 May modified: 8 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 ...

11 May modified: 8 years ago

Move-Right On Click

gsap plugin Looney Tunes Show - Road Runner | YouTube

GSAP with Assets Plugin

The animation below is powered by a GSAP script that is included for this particular page via the assets plugin. The assets are called at the top of the page and are only used on this page. This is a good thing. The animation is an exercise to determine the best way to includ…

Continue reading Move-Right On Click ...

10 May modified: 8 years ago

Random Color Rollovers

gsap Michal Parzuchowski | unsplash

The circles below change to a random color on roll-over. This demonstrates a very cool GSAP function which will generate random colors with javaScript from the standard web-safe 256 color palette.

Another interesting feature of this demonstration is the use of flexbox placed within another flexbox…

Continue reading Random Color Rollovers ...