Join Joseph Labrecque for an in-depth discussion in this video Project concept, part of Adobe Animate CC: HTML5 Canvas and WebGL.
- Throughout this course, we'll be using a set of assets created within Flash Professional itself, which will be applied to a set of different document types all supporting a single project, a small budget animated film. In support of this conceptual effort, we need to target a variety of platforms, including HTML video, general web integration, and most specifically, HTML5 Canvas and WebGL. Let's have a look at these assets now. So we have here the CompletedAassets fla, and if you have access to the exercise files, you can find it in there.
Within the Timeline, I've grouped things per project we're going to tackle in this course. So the first one being an Animated Video. The second set being an Ad built on WebGL, and the third and most complex being a web Game using HTML5 Canvas. So, if you wanna have a look at any of these different assets and how they're created, we can always check out the Library. For each of these projects, to start off, we're gonna be pulling all these different assets that have been created inside Flash Professional and just bring them into the project through this CompletedAssets fla and its Library.
So, I've grouped everything logically here by type, so we have audio files, we have different background elements, things to do with the character, different fonts, and then little incidental pieces like collectibles, buttons, the little star light trails and things of that nature. Finally for the Game, we have an Over screen and the Start screen. If you wanna explore these pieces, you can simply double-click on the Library and see how they're created. So here, I've gotta number of different building assets that I've drawn out in Flash Professional.
You can always scroll down and see the particular building types that we're using and even target those to see exactly how they might've been created. With these assets prepared and in hand, we can now explore some of the tools specific to Flash Professional CC that we can take advantage of while targeting these different platforms.
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