Jump to content
Search Community

Share your Greensock JS creations!

heyitsjayy 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

Flash was once a passion. It still feels more advanced than HTML/Javascript for interactive projects due to years of developments added to it. Lately though I've become very interested in the possibilities of JavaScript combined with advancements in libraries like GreensockJS.


So this is an experiment, and a source of inspiration of sorts. Also I thought it would be great to have a single topic where everyone can share your examples!


I know some of you have a lot of things you've created lately or are in the works. There's probably some really cool things out there! I'd personally like to see what things GreensockJS is capable of reproducing from what we were used to seeing in Flash advertisements, and other animated/interactive Web "creations".


Needless to say my GreensockJS samples aren't quite the best yet. I've just been experimenting enough lately to see just what it can do. Though still, I'll start by sharing a few basic ad banner samples made with Greensock JS TweenLite. So check it out here.

Everything on the page is HTML/JavaScript/CSS/GreensockJS. Note it might be a little slow loading (not due to Greensock in any way). Just refresh to see the full animations again.


So again if you've made something original and creative in Greensock JS, share it here for others to see. Enlighten us all on the possibilities of Greensock JS!

  • Like 1
Link to comment
Share on other sites

Thanks for sharing (and inviting others to do the same)! Yeah, I expect the next 6 months to be punctuated with a lot of examples as people start playing with the tools and getting them into the production pipeline. Here are a few sites I know of that use GSAP in JavaScript:

  1. The new Batman movie site: http://www.thedarkknightrises.com
  2. Mountain Dew: http://mountaindew.com
  3. Toshiba Tablets: http://www.thetoshibatablets.com
  4. GOOQX: http://gooqx.com

I'm sure there are more too, and plenty on their way.


Carl posted several experiments with GSAP projects at http://www.snorkl.tv/ including a banner ad.

  • Like 1
Link to comment
Share on other sites

Over the last 8 years I have made my living creating Flash experiences. I was very sad to see the decline of it. I feel like we have taken a step backwards in the interactive space due to mobile/browser limitations and inconsistencies.


With that being said we must push forward, and come up with new, inventive, high performing experiences within these limitations. I have had to relearn HTML/JS/CSS. The more I do it, the more I enjoy it (thankfully).


I am part of a digital studio here in Austin, TX. We had a really nice flash site up until maybe 2 months ago when I rebuilt a totally new site using JS/GSAP.


Feel free to check it out: http://www.thegeminisociety.com/


Oh, and a BIG shout-out to greensock for making the transition MUCH easier and MUCH more appealing :-P

  • Like 3
Link to comment
Share on other sites

Oh, and a BIG shout-out to greensock for making the transition MUCH easier and MUCH more appealing :-P

Yeah that's a big thing that makes it more fun to "re-learn" JavaScript for.

Hey also nice studio Website, It has a really cool effect as you scroll down the page!



Awesome example with the Dark Knight Rises site! I had a feeling that some of the new Batman promos has some usage of Greensock tweening going on. Also the Mountain Dew (which had marketing partnership with the film) had a lot of recent interactive promo pieces that I've seen before. Even though I didn't look at the source code on those websites to double-check, had this feeling that Greensock JS was being utilised in some way.


All awesome examples, very inspiring. Keep on sharing!

Link to comment
Share on other sites

  • 3 weeks later...
  • 2 weeks later...

The case study for Skive Festival 2012 on my portfolio uses TweenMax to animate various items on that page when it opens and as you scroll down.


In fact, I've been using TweenMax heavily since the beta and put it to active use in two projects that'll launch on september 1st (I'll share some links then).


It's truly a game changer to have a tool that takes the pain out of high quality, cross-browser compliant animation. I relied on TweenMax all the time back when I used to do Flash work, and I am so happy to finally have this powerful toolkit at my disposal again.

  • Like 3
Link to comment
Share on other sites

  • 4 weeks later...
  • 9 months later...
  • 1 year later...

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...