今天心血来潮，想搞个HTML5小游戏玩玩，顺便也回顾一下那些年熬夜敲代码的日子。
开工前的瞎琢磨
记得以前朋友圈里头，好多人都分享那种H5小游戏，点进去就能玩，还挺有意思的。那时候我就琢磨着，这玩意儿是怎么做出来的？咱也来实践一把！
选个啥游戏
做啥游戏？太复杂的咱也搞不定，就来个简单的，打地鼠怎么样？就它！
搭骨架，画皮肤
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
先得把HTML结构搭起来，这就像盖房子的地基一样。然后用CSS给它“装修”一下，让它看起来像个游戏的样子，而不是一堆乱七八糟的代码。
这一步没啥难的，就是些标签的堆砌。主要就是<div>、<p>这些，给它们加上合适的class，方便后面用CSS来控制样式。
让它动起来！
光有样子还不行，得让它能玩！这就要用到JavaScript。要实现的功能也不复杂：
- 地鼠能随机从洞里冒出来。
- 玩家点击地鼠，能打中它。
- 还得有个计分的功能，看看玩家能打中多少个。
我记得以前看过一些教程，好像有个叫createjs的库挺好用的，可以用来做这些动画效果。不过今天咱就先不用它，就用原生的JavaScript来写，这样更能锻炼自己的基本功。
遇到的小麻烦
写代码的过程中，也遇到一些小问题。比如说，怎么让地鼠随机出现？怎么判断玩家有没有打中地鼠？不过这些问题都难不倒上网查查资料，看看别人的代码，再结合自己的理解，总能找到解决办法的。
测试，再测试
代码写得差不多，就得测试一下。看看有没有bug，玩起来顺不顺畅，有没有需要改进的地方。这一步也很重要，不能马虎。
测试的时候，发现地鼠冒出来的速度有点太快，玩家根本反应不过来。那就把速度调慢一点。还有，计分的功能好像也有点问题，有时候打中地鼠，分数却没有增加。仔细检查一下代码，原来是判断的逻辑写错，改过来就好。
大功告成！
经过一番折腾，终于把这个小游戏给做出来！虽然很简单，但还是挺有成就感的。看着自己亲手做出来的游戏，心里美滋滋的。
这回的实践，也让我对HTML5、CSS和JavaScript有更深的理解。果然，实践出真知！
这回就分享到这里，希望对各位有所启发，下次有机会再分享其他好玩的东西！
