Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Introductory HTML5 + JavaScript game development: Duck Hunt

DZone's Guide to

Introductory HTML5 + JavaScript game development: Duck Hunt

· Web Dev Zone ·
Free Resource

Learn how Crafter’s Git-based content management system is reinventing modern digital experiences. Download this white paper now. 

If you're looking for a clear, fun, and amusing introduction to game development with HTML5 and JavaScript, you might want to check out Matt Sorabian's Duck Hunt. The game is disturbingly enjoyable (complete with Matt's stream of dry canine consciousness), and the source is very clear.

Matt also includes some interesting notes on timing and callback problems:

"Another issue was ensuring that levels and waves were generated cleanly and only once. Because many things in this game depend on timers and animation callbacks there were (and likely still are) a few situations were the game could get a bit confused. One such situation was occuring if a duck was shot just as the wave timer was about to end. The chain of events would cause the (now defunct) nextWave() function to fire twice pushing you forward an extra wave, or level. Occassionally both would happen at once and things would be very hairy. "


Sometimes there's nothing more satisfying than running into subtle problems, solving them efficiently, and shooting ducks as a reward.

Crafter CMS is a modern Git-based platform for building innovative websites and content-rich digital experiences. Download this white paper now.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}