Skip to content
KnowledgeCity

Making Your Animate Project Interactive

Learn to integrate HTML5 into Animate
Preview the first lesson free — get full access to all 5 lessons.
Course: On-Demand
Intermediate Provider Jessica Henley  5 Lessons ·  12m  in Arabic, German, English, Spanish, French, Portuguese, Chinese 

Course Description

In this module, students will learn how to create and work with a new document type than the one used in previous lessons, the HTML5 canvas. Students will create a new document with HTML5 canvas, allowing for more interactive animations by adding a multitude of new functions. Some functions include creating buttons, as well as applying code snippets to portions of animation to be controlled by the user.

What You'll Learn

  • Create a new document using the HTML5 canvas document type
  • Build interactive buttons within an Animate project
  • Apply code snippets to symbols to enable user control
  • Identify and add code snippets across an animation
  • Incorporate Adobe Assets into an interactive project

Key Takeaways

  • The HTML5 canvas is a different document type than the one used in previous lessons and supports more interactive animations.
  • Creating an HTML5 canvas document adds a multitude of new functions for interactivity.
  • Functions such as creating buttons and applying code snippets allow portions of an animation to be controlled by the user.
  • The module covers identifying code snippets and applying code to symbols.

Frequently Asked Questions

What will I learn in this module?

You will learn to create and work with the HTML5 canvas document type, create a new document with HTML5 canvas for more interactive animations, create buttons, and apply code snippets to portions of animation so they can be controlled by the user.

What lessons are included in this module?

The module includes Creating an HTML5 Canvas, Creating Buttons, Using Adobe Assets, Adding Code Snippets Part 1, and Adding Code Snippets Part 2.

What skills does this module cover?

It covers Adobe Animate, Code Snippets, Interactive Learning, Interactivity, and Interactive Web Development.

How does this document type differ from previous lessons?

This module uses the HTML5 canvas, a new document type different from the one used in previous lessons, which allows for more interactive animations by adding a multitude of new functions.