YoVDO

Adobe Animate CC: HTML5 Canvas and WebGL

Offered By: LinkedIn Learning

Tags

WebGL Courses Web Development Courses Javascript Courses Animation Courses Game Design Courses

Course Description

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

Taught by

Joseph Labrecque

Related Courses

Games Based Learning MOOC
Independent
Games in Education: Gamification
OpenLearning
Concepts in Game Development
Swinburne University of Technology via Open2Study
Gamification Design
Play Jugo via iversity
Make Your Own 2048
Udacity