GSAP Banner Seminar: Slides and Files

[Carl]

Thanks everyone who made it to the online seminar. We had a blast and hope you did too!

 

Here are some resources:

 

Slides: 

http://slides.com/greensock/html5-banners#/

 

Banners on CodePen:

http://codepen.io/collection/nYyRPv/

 

Help boost GSAP acceptance for all banner ads

Read The kilobyte conundrum and learn how to voice your concerns to the IAB. Only a few days left.

See the Pen by collection (@collection) on CodePen

[Dipscom]

Really nice, read thru the slides. It seem it was a nice introduction and starting point.

 

I wasn't aware of this seminar but I guess, since I am already a converted, do not need more incentive. Your words would be wasted on me.

 

The great bit, in my opinion, is this drive you guys are spearheading to have some standards that make use of the latest technologies. Keep up the good work and let us know what else we can to do assist.

[Carl]

Thanks for all your support and help in this forum, Dipscom.

 

Make sure you are signed up for our newsletter. You can set your subscription settings here: http://greensock.com/forums/account-dashboard/ It's the best way to stay on top of GreenSock events / news. We're pretty active on twitter and facebook too (links in footer).

 

No worries, keep up the great work and thanks again for all your help and insight.

[d11202]

The slideshow is really nicely done.

 

Is there any example code / tutorials on how you would rotate slides 3 dimensionally:

 

http://slides.com/greensock/html5-banners#/

 

Many thanks in advance

[jroncero]

I'd love to use the 3d flip effect used in the browser logos for a banner, is this also possible with SVG instead of png?

[Carl]

Jroncero,

 

Yes, you can do the same flip effect with SVG. Please note that it is not 3D. We are just animating the scaleX 

http://codepen.io/GreenSock/pen/pjWJoQ?editors=001

 

d11202,

 

The slideshow was built using slides.com which has all that functionality built in. 

To see how you could set up many slides in 3D space take a look at this article from Chris Gannon: 

http://greensock.com/cube-dial-tutorial

 

Its fairly advanced regarding the spinning and throwing, but its loaded with practical concepts that can be used in a much simpler project.