Join Joseph Labrecque for an in-depth discussion in this video Character and titles animation, part of HTML5 Canvas and WebGL in Flash Professional CC.
- Alongside the general…background and scenic animation,…we will now animate the character action…for our HTML5 video project along with a lead out…involving the project title.…The first thing we'll do is…have a look at the actual star here.…Let's make that visible and unlock it.…We don't want the star to actually appear…until about frame 121.…So let's go back and grab that keyframe…and we'll simply pull it across…until we hit about 120, 121.…
And we'll just drop it right there.…Now the star doesn't actually even come in…until that animation with the buildings and so forth…is actually finished.…Let's set up the initial state of this star.…What we're going to do is…set its X position and Y position.…So X is going to be about 730, 735.…And the Y position is going to be…about 47.…So we'll pull that down there.…It doesn't have to be precise, of course.…The width and height is going to start off at five.…
Since I have…both the width and the height locked right now,…if I change one of these to five,…it's going to change both of them to five.…
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.