SlideShare a Scribd company logo
1 of 7
GreenSock
Animation Platform

By
Todd Shelton
Thanks To GreenSock:
Website: http://greensock.com

GreenSock has kindly donated 5 “Shockingly Green”
memberships.
Carl Schooff (GS geek ambassador) is doing a 3 day
class on the GSAP in NY starting on 11.11.13
You can find out more here:
http://www.nobledesktop.com/greensock/
Who am I:
•
•
•
•

Started in Flash
Got into physical computing
Worked in an award winning interactive studio
Moved to corporate work for experience. Last
project had 1.5 million lines of code
• Started freelancing/ Flash dies (crap)
• Started teaching and took freelance into the
web dev world
Flash Dies, well pretty much:
• Used GS in almost all of my interactive projects
• GS, in my opinion was one of the best animation
platforms for flash, and included a lot of extras
• Started doing jQuery animation. Ugh
• Used TweenJS and liked it but needed more
• GS ported the GSAP to JavaScript
Examples:
McDonalds
Into The Arctic
Disney Create-A-Monster
Foursquare Timemachine
Chemical 9 Toys
Ben&Jerry City Churned
CodePens:
Banner: Simple Banner

3D Transform: GS and 3D, Card Flipping, Sign
Text Animation: Machine Gun, Letter by Letter,
3D Letters
Dragging: Dragging & Throwing, Rotation
Lets Build Something
Website:
https://github.com/TShelton41/Website_Buildin_GreenSoc
k_Starter

Bezier:
https://github.com/TShelton41/GreenSock_Bezier_Starter
Game:
https://github.com/TShelton41/Shooting_Gallery_Starter

More Related Content

Similar to GSAP Workshop

H5P content types 22.2.18
H5P content types 22.2.18H5P content types 22.2.18
H5P content types 22.2.18Matleena Laakso
 
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo Belpiede
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo BelpiedeDebrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo Belpiede
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo BelpiedeVincenzo Belpiede
 
YetiZen Google AdMob Design Jam Kickoff Presentation
YetiZen Google AdMob Design Jam Kickoff PresentationYetiZen Google AdMob Design Jam Kickoff Presentation
YetiZen Google AdMob Design Jam Kickoff PresentationSana Choudary
 
CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions
CSTA2015  Blocks-based Programming: Toolboxes for Many OccasionsCSTA2015  Blocks-based Programming: Toolboxes for Many Occasions
CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions Josh Sheldon
 
Digital pi castlemilk case study
Digital pi castlemilk case studyDigital pi castlemilk case study
Digital pi castlemilk case studyColin Crook
 
Viva Voce Presentation
Viva Voce PresentationViva Voce Presentation
Viva Voce Presentationkieranmmedia
 
Professional Development Opportunity on Google Drive
Professional Development Opportunity on Google DriveProfessional Development Opportunity on Google Drive
Professional Development Opportunity on Google DriveClement Coulston
 
Enabling Distributed Agile Teams
Enabling Distributed Agile TeamsEnabling Distributed Agile Teams
Enabling Distributed Agile TeamsTimothy Wise
 
Ites Scratch Software Review
Ites Scratch Software ReviewItes Scratch Software Review
Ites Scratch Software ReviewCM Ites
 
DSC LIT | Link • Interact • Think
DSC LIT | Link • Interact • ThinkDSC LIT | Link • Interact • Think
DSC LIT | Link • Interact • ThinkPranavBedre
 
iMyCom:Tripping along iOS development of Langauge Communication tool
iMyCom:Tripping along iOS development of Langauge Communication tooliMyCom:Tripping along iOS development of Langauge Communication tool
iMyCom:Tripping along iOS development of Langauge Communication toolVijaya Prakash Kandel
 
From CS:GO to VR – 11 years of Game Development at Hidden Path Entertainment
From CS:GO to VR – 11 years of Game Development at Hidden Path EntertainmentFrom CS:GO to VR – 11 years of Game Development at Hidden Path Entertainment
From CS:GO to VR – 11 years of Game Development at Hidden Path EntertainmentDevGAMM Conference
 
My Contributor Story
My Contributor StoryMy Contributor Story
My Contributor StoryMarko Heijnen
 

Similar to GSAP Workshop (20)

H5P content types 22.2.18
H5P content types 22.2.18H5P content types 22.2.18
H5P content types 22.2.18
 
Maker Boot Camp
Maker Boot CampMaker Boot Camp
Maker Boot Camp
 
Sharing My Public Profile
Sharing My Public ProfileSharing My Public Profile
Sharing My Public Profile
 
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo Belpiede
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo BelpiedeDebrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo Belpiede
Debrief of 1st WP7 Hackathon @ Nokia San Diego by Vincenzo Belpiede
 
YetiZen Google AdMob Design Jam Kickoff Presentation
YetiZen Google AdMob Design Jam Kickoff PresentationYetiZen Google AdMob Design Jam Kickoff Presentation
YetiZen Google AdMob Design Jam Kickoff Presentation
 
Augernaut js
Augernaut jsAugernaut js
Augernaut js
 
Brucewang
BrucewangBrucewang
Brucewang
 
CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions
CSTA2015  Blocks-based Programming: Toolboxes for Many OccasionsCSTA2015  Blocks-based Programming: Toolboxes for Many Occasions
CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions
 
Geolocation
GeolocationGeolocation
Geolocation
 
Digital pi castlemilk case study
Digital pi castlemilk case studyDigital pi castlemilk case study
Digital pi castlemilk case study
 
Viva Voce Presentation
Viva Voce PresentationViva Voce Presentation
Viva Voce Presentation
 
Professional Development Opportunity on Google Drive
Professional Development Opportunity on Google DriveProfessional Development Opportunity on Google Drive
Professional Development Opportunity on Google Drive
 
Enabling Distributed Agile Teams
Enabling Distributed Agile TeamsEnabling Distributed Agile Teams
Enabling Distributed Agile Teams
 
Ites Scratch Software Review
Ites Scratch Software ReviewItes Scratch Software Review
Ites Scratch Software Review
 
DSC LIT | Link • Interact • Think
DSC LIT | Link • Interact • ThinkDSC LIT | Link • Interact • Think
DSC LIT | Link • Interact • Think
 
iMyCom:Tripping along iOS development of Langauge Communication tool
iMyCom:Tripping along iOS development of Langauge Communication tooliMyCom:Tripping along iOS development of Langauge Communication tool
iMyCom:Tripping along iOS development of Langauge Communication tool
 
From CS:GO to VR – 11 years of Game Development at Hidden Path Entertainment
From CS:GO to VR – 11 years of Game Development at Hidden Path EntertainmentFrom CS:GO to VR – 11 years of Game Development at Hidden Path Entertainment
From CS:GO to VR – 11 years of Game Development at Hidden Path Entertainment
 
My Contributor Story
My Contributor StoryMy Contributor Story
My Contributor Story
 
Sharing our Coder Privilege
Sharing our Coder PrivilegeSharing our Coder Privilege
Sharing our Coder Privilege
 
Back to School with 50 Tech Tips
Back to School with 50 Tech TipsBack to School with 50 Tech Tips
Back to School with 50 Tech Tips
 

Recently uploaded

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseAnaAcapella
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxAmanpreet Kaur
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 

Recently uploaded (20)

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 

GSAP Workshop