Join Joseph Labrecque for an in-depth discussion in this video Animating the content, part of Adobe Animate CC: HTML5 Canvas and WebGL.
Now that we have imported the assets…into our WebGL project,…it's time to animate this content in the flash timeline.…We can use all the procedures normally available…to us within Flash Professional to animate this content.…The first three things we'll animate are the mountains,…the buildings and the mist.…So, to do that, we're first going to hide anything…that we don't want to be a distraction.…So that includes all of these items here.…We'll unlock the mountains, buildings and black fog…and selecting a frame span with our mouse,…we can right-click and choose create motion tween.…
Let's make some adjustments in terms of where…these different items are positioned right now.…The mist itself is actually looking pretty good.…Let's keep it right there.…The mountains, I'm going to move over…just a little bit, to about there.…Let's have a look at our buildings and we'll just…move them over,…something like there.…We're also going to move them up a little bit…so I can see the tops of these buildings…here as well.…Okay, and then when we animate them in,…
This course focuses on using Flash Professional CC to create a shared pool of content for a set of related projects: an HTML5 video, an interactive ad, and a simple web-based game. Author Joseph Labrecque shows how to use Flash's familiar toolset to build and manage assets that fit into a modern web publishing workflow.
- Using code snippets and actions
- Assembling and animating a scene for video
- Rendering the video
- Programming a game in HTML5 Canvas
Skill Level Intermediate
1. Working in HTML5 Canvas and WebGL
2. Animating HTML5 Video
4. Programming a Game in HTML5 Canvas
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.