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 to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

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 is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}