Chapter 11: Developing Web-Based Games

In the previous chapter, we took a deep dive into Camera, Layer Depth, and several additional features available as part of the Advanced Layers mode in Animate.

We'll begin this chapter by providing an overview of our game concept and the HTML5 Canvas starter document, which already has several assets laid out concerning the techniques we learned about in the previous chapters. We will then prepare various assets on the stage and assets within the project library for interactivity. We'll also create all-new dynamic text assets for our gameplay screen that can display game data through our use of JavaScript. The majority of this chapter will be spent in the code editor as we build out the logic for our entire game bit by bit across the timeline and by using global scripts.

After reading this chapter, you'll be able to perform the following functions in Animate:

• Create a game using both designer and developer workflows...