Adobe Animate CC: HTML5 Canvas and WebGL

Go to class
Write Review

Free Online Course: Adobe Animate CC: HTML5 Canvas and WebGL provided by LinkedIn Learning is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Adobe Animate CC: HTML5 Canvas and WebGL is taught by Joseph Labrecque.

Overview
  • 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