Create HTML5 Games Using Adobe Animate

——   Created by Nicholas Lever

Make resolution independent HTML5 games using Adobe Animate CC

Share this course:

NEW
Course
35
Lessons
3h 31m
Lesson time
beginner
Skill level

More about this course

Requirements
  • You'll need Adobe Animate CC
  • Knowledge of basic Javascript

Just a few years ago nearly all browser based games used Adobe Flash. This all changed when Steve Jobs refused to allow the Flash player in the iOS Safari browser and at the same time HTML5 introduced the Canvas with an api to allow fast sprite animations. Most developers have moved away from Adobe Flash, but Adobe Flash in its latest incarnation Adobe Animate can output content that is completely HTML5 compliant. What is more it is resolution independent, so when the output is resized it still looks great. Adobe Animate is targeted mainly at non interactive content. But there is nothing to stop the developer from using the output and some Javascript to create great looking HTML5 games

The author has created Flash games for clients including the Mars Corporation, BBC, Johnson & Johnson and Deloittes. He is also the author of two books about using Flash for game development. In this course he shows how users familiar with Flash can use their existing skills to create great HTML5 games and takes developers unfamiliar with Adobe Animate through the details of using the drawing tools and animation tools to create the assets that will be used in a game. We also look at how it is possible to get free vector based graphics that can then be animated and used in a game

Then the course takes the student through all the steps to create a simple game before moving onto a more complex example with a user interface and sound effects

Having completed the course you will be able to control animations created in Adobe Animate using Javascript. Allowing you to create just about any game and you will even be shown how to add a physics engine to create games that use complex physics calculations to control the movement

So what are you waiting for? Sign up now and start using this terrific tool to create some fantastic games. With a 30 day money back guarantee you have nothing to lose. 

Who this course is for:
  • Developers wanting to understand how to use Adobe Animate CC.
  • Developers who want to create resolution independent HTML5 games.
  • Developers wanting to use a highly sophisticated development tool to create great content.
  • Developers wanting to add animation to their HTML5 games.
  • Developers wanting to learn tricks of game development from someone who has created hundreds of games.
  • Ex-Flash developers wanting to use their skills to create HTML5 games

35 Lessons

Introduction
0:01:20
Introduction
free preview
0:04:26
An overview of the Adobe Animate IDE
free preview
Drawing with Adobe Animate
0:06:07
Layers, the timeline and sketching using the Brush Tool
0:06:11
Using the Line Tool
0:04:06
Object drawing mode
Animating with Adobe Animate
0:04:14
Using downloaded assets
0:06:51
Character rigging with the Bone Tool
0:05:31
Creating a walk cycle for a boned character
0:09:34
Tweening
0:04:10
MovieClips or Graphics
Adding Interactivity
0:07:41
Publishing
View more lessons +
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Direct teacher access
  • 3h 31m of on-demand video
  • 4 downloadable files
  • Have a coupon?

About the instructor

After getting a degree in Graphic Design, I started work in 1980 as a cartoon animator. Buying a Sinclair ZX81 back in 1982 was the start of a migration to a full time programmer. The ZX81 was quickly swapped for the Sinclair Spectrum, a Z80 processor and  …

View full profile

For super learners, get unlimited access for $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today Learn More