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.

Description

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.

• 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

Course content

• Introduction
  • Welcome to the course
  • Introduction
  • An overview of the Adobe Animate IDE
• Drawing with Adobe Animate
  • Layers, the timeline and sketching using the Brush Tool
  • Using the Line Tool
  • Object drawing mode
• Animating with Adobe Animate
  • Using downloaded assets
  • Character Rigging with the Bone Tool
  • Creating a walk cycle for a boned character
  • Tweening
  • MovieClips or Graphics
• Adding interactivity
  • Publishing
  • Using simple goto commands
  • Adding an button on click event
  • Adding a master Game controller class
  • Working with sounds
  • The CreateJS website
  • Controlling a MovieClip
  • What have you learned?
• Developing a game step by step
  • Step 1: Creating the assets and setting up the code
  • Step 2: Moving the ball and adding scoring
  • Step 3: Hit testing, lives and new game panel
  • Step 4: Adding a character
  • What have you learned?
• A more complex example
  • Overview of Space Cowboy
  • Controlling the user character
  • Endlessly scrolling backgrounds
  • Controlling the Pod and the running Rikon
  • Controlling the digging Rikon
  • Controlling the alien
  • Firing bullets
  • Handling the user interface
  • Finishing up. Exporting as texture, using WebFonts and adding sound effects
• Using a physics engine
  • Introducing the Matter.js physics engine
  • Creating a simple Matter.js example
  • A simple example that uses physics
  • What have you learned?
• Conclusion
  • Top ten key points when creating a HTML5 game with Adobe Animate CC
  • Bonus Lecture