Cinematic Interactives with Animate CC
-
Upload
joseph-labrecque -
Category
Technology
-
view
90 -
download
2
Transcript of Cinematic Interactives with Animate CC
![Page 1: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/1.jpg)
Cinematic Interactives with Animate CCAdobe Education Leader Summit 2017
![Page 2: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/2.jpg)
Joseph Labrecque
Senior Interactive Software EngineerUniversity of Denver
Principal and Sole ProprietorFractured Vision Media, LLC
Adobe Education LeaderAdobe Community ProfessionalAdobe Systems, Inc.
AuthorLynda.com / LinkedIn Learning, Pluralsight, PeachpitPress, Adobe Press, Apress, ACATestPrep, Adobe Learn, Packt Publishing, O’Reilly Media
![Page 3: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/3.jpg)
CC Libraries – Starter Animation
![Page 4: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/4.jpg)
https://adobe.ly/2rARnm1
![Page 5: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/5.jpg)
HTML5 Canvas Document
• Native Web Browser• Desktop and Mobile• No Plugins (Flash Player)• JavaScript Code• CreateJS Libraries
![Page 6: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/6.jpg)
Virtual Camera
• Root Timeline • Zoom• Pan (X & Y)• Rotate• Color Effects (ActionScript)
![Page 7: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/7.jpg)
Global JavaScript
• HTML5 Canvas• Actions Panel• Global Script• Access throughout
![Page 8: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/8.jpg)
HTML5 Canvas Code Snippets
• CreateJS Snippets• Similar to ActionScript• Timeline Navigation• Event Handlers• Quick little starters!
![Page 9: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/9.jpg)
Let’s Play
![Page 10: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/10.jpg)
Additional Resources
Lynda.com / LinkedIn Learning• Adobe Animate CC: New
Features• Learning Adobe Animate CC• Building a Mobile App with
Feathers and Starling• Learning ActionScript
Pluralsight• Animate CC Building AIR Desktop
Applications• Animate CC Programming• Animate CC Mobile App
Development• Animate CC Game Development
![Page 11: Cinematic Interactives with Animate CC](https://reader033.fdocuments.in/reader033/viewer/2022051710/5a651f2a7f8b9a2e118b4b0d/html5/thumbnails/11.jpg)
Additional Resources