You're reading from Mastering Adobe Animate 2021 Explore professional techniques and best practices to design vivid animations and interactive content

Product type Paperback

Published in Feb 2021

Publisher Packt

ISBN-13 9781801074162

Length 404 pages

Edition 1st Edition

Tools

Adobe Animate

Concepts

Animation

Author (1):

Joseph Labrecque

View More author details

Table of Contents (18) Chapters

Preface

1. Section 1: Getting Up-To-Speed

2. Chapter 1: A Brief Introduction to Adobe Animate FREE CHAPTER

3. Chapter 2: Exploring Platform-Specific Considerations

4. Chapter 3: Settling into the User Interface

5. Chapter 4: Publishing and Exporting Creative Content

6. Section 2: Animating with Diverse Techniques

7. Chapter 5: Creating and Manipulating Media Content

8. Chapter 6: Interactive Motion Graphics for the Web

9. Chapter 7: Character Design through Layer Parenting

10. Chapter 8: Animating Poses with IK Armatures

11. Chapter 9: Working with the Camera and Layer Depth

12. Section 3: Exploring Additional Platforms

13. Chapter 10: Developing Web-Based Games

14. Chapter 11: Producing Virtual Reality Content for WebGL

15. Chapter 12: Building Apps for Desktop and Mobile

16. Chapter 13: Extending Adobe Animate

17. Other Books You May Enjoy

Leave a review - let other readers know what you think

Adding Interactivity with JavaScript

Generally, a digital advertisement like the one we've designed here will need to be interactive as well. Most ads of this kind will respond to user interaction by opening a web page where the user can get more information about, or even purchase, the advertised product or service.

Since we are publishing to the native web using an HTML5 Canvas document type, we will be coding our interactions with the JavaScript language.

Writing code with the Actions panel

Animate is a unique piece of software in that it allows both design and development within the same application. This hybrid approach has always been a strong part of the tool and continues to be so, no matter which platform you might be targeting.

Let's go ahead and add some code to our motion advertisement:

By convention, and for the purpose of organization, we should keep our code completely separate from any visible assets. Go ahead and create a new layer...