1010 BYOL: Creating HTML5 Interactions Using Adobe Animate

10:00 AM - 11:00 AM Friday, June 10


Lone Star G

Creating interactions and animations in HTML5 is very complex. It requires an in-depth knowledge of JavaScript. There are other tools for creating HTML5 interactions that are fairly easy to use; however, you often lose the flexibility that you have when writing code.

In this session, you will learn about Adobe’s new application called Animate. You will see how this tool gives designers and developers the ability to quickly create HTML5 animations and interactions. The new art tools also make drawing much more robust, so even people with limited design skills can draw amazing backgrounds and scenes. This session will focus on having you create some simple animations and interactions, and it will end by showing you how to render the project files into a variety of different formats.

In this session, you will learn:

  • How to define a project
  • How to insert clip art
  • How to draw on the stage using a variety of brushes
  • How to render the project to a video or to a mobile device
  • How to render the project to an HTML5 web page

Novice to advanced designers and developers.

Technology discussed in this session:
Adobe Animate.

Technology Required:
A Mac or PC with Adobe Animate (trial version is okay).

Phil Cowcill

Senior eLearning Specialist

PJ Rules

Phil Cowcill is senior eLearning specialist at PJ Rules. He started his career in 1983 when he was hired as a technologist at a local college. In 1985 he joined a team to develop Canada's first Interactive Videodisc. He started teaching part-time in 1989, moving to full-time in 1995. He led his class to build one of the first news websites that streamed video in 1996. In 2011 he launched the very first dedicated mobile application development program. Phil retired from full-time teaching in 2015 and moved to working as a contractor with the Department of National Defence as a senior eLearning specialist.

<  Back to session list Top ^