O'Reilly logo

HTML5 Game Development HOTSHOT by Makzan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Setting up the user interface

In this task, we will get started with the project by setting up the structure and the user interface.

Prepare for lift off

In this project, we will try a different method of using the graphical assets. We will include the assets.js file, which you can find in the code bundle. This is the file generated by the CreateJS toolkit from Adobe Flash. The following screenshot shows that we lay out the graphical symbols on the stage inside the Flash IDE. The assets.js file includes background, buildings, enemies, and the wave-cleared message. They all come with a name that we can reference and instantiate in our game.

Prepare for lift off

Engage thrusters ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required