Join Joseph Labrecque for an in-depth discussion in this video Arranging the game elements, part of Adobe Animate CC: HTML5 Canvas and WebGL.
- As with all of the projects in this course…we will be utilizing a number of assets that have…already been created with Flash Professional itself.…In previous projects, we have animated these assets…in different ways.…In this project, we'll be controlling these assets…in a game-based environment…targeting HTML5 Canvas.…So the first thing we'll do is create a new…HTML5 Canvas document type.…Let's make some adjustments in the properties inspector.…We'll create the stage at 800 by 500…and we'll change the stage background color to black.…
Now we'll go ahead and save this project.…So File, Save, and within the empty project folder…on our desktop, we'll call this WebGame.fla and save.…Alright, let's open up our assets pool.…So we'll go to File, Import, Open External Library…and here we can go ahead and find our exercise files…and choose completed assets.…One of the nice things about working in this way…with two libraries open is that we can drag things…from one library to the other.…
So, for instance, we're going to use all of these…
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.