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

Interactive Computer Graphics with WebGL
University of New Mexico via Coursera
Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Udemy
WebGL 2D/3D Programming and Graphics Rendering For The Web
Udemy
Adobe Animate CC New Features
LinkedIn Learning
Aprende Three.js , 3D en el navegador
Udemy