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

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

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.

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

Topics:

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}