Writing an Interactive Drawing Program
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. We will explore this balanced approach in the next chapter, Chapter 10, Developing Web-Based Games.
With HTML5 Canvas documents, there are several approaches to take and one of those involves using the project document and all that comes with it in a more code-focused way. This is the approach we will be taking in this chapter – using the document as a sort of frame or container that our code executes within to produce all visuals and interactivity.
Let’s go ahead and get started by creating and saving a new HTML5 Canvas document:
- Create a new HTML5 Canvas document from the Animate home screen by choosing the Canvas preset from the list of quick presets: