Join Joseph Labrecque for an in-depth discussion in this video HTML5 WebGL integration, part of Adobe Animate CC: HTML5 Canvas and WebGL.
- With our WebGL ad completed,…we need only to integrate it into an .html document.…So here's the prepared document…that we're going to integrate it into.…I've marked out a number of different areas here.…One for libraries and scripts…and one for actual CONTENT.…So, the way this works is that Flash Professional…outputs an assets folder with some .json and images in it.…It also outputs a libs folder…with the flwebgl engine within it.…This is what makes this all work,…so we need both of these.…
It also produces an .html file…that you can use to integrate this into a webpage,…so that's what we're going to do.…So let's select this, and then inside,…you'll notice we have a number of script assets.…This first one goes through and grabs the engine from libs,…and the next one goes…and grabs the actions file from assets.…So let's start there, we'll copy that…and we'll also copy everything within this script tag here,…so all this stuff loads in our content…and prepares it for playback within the browser,…so we need all of this.…
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.