Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Adobe Animate CC: HTML5 Canvas and WebGL

via LinkedIn Learning

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
Create a shared pool of content for a set of related projects—an HTML5 video, a WebGL-rendered interactive ad, and an HTML5 Canvas game—using Flash Professional CC.

Syllabus

Introduction
  • Welcome
  • What you should know before taking this course
  • Using the exercise files
1. Working in HTML5 Canvas and WebGL
  • Project concept
  • Using the conversion commands
  • Using code snippets and actions
  • About publish targets
  • HTML5 integration with Brackets
2. Animating HTML5 Video
  • Assembling the scene
  • Examining the skeletal character
  • Animating the scene
  • Character and titles animation
  • Rendering the video and HTML5 integration
3. Ad Design with WebGL and JavaScript
  • Laying out the ad document
  • Animating the content
  • Exploring the button asset
  • WebGL and JavaScript
  • HTML5 WebGL integration
4. Programming a Game in HTML5 Canvas
  • Arranging the game elements
  • Game setup and initialization
  • Player setup and movement
  • Collectibles generation
  • Collectibles movement
  • Scorekeeping and collision detection
  • Timekeeping and detecting game over
  • Canvas web integration
Conclusion
  • Next steps

Taught by

Joseph Labrecque

Reviews

Start your review of Adobe Animate CC: HTML5 Canvas and WebGL

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.