H5数独游戏开发——按钮控件的实现

　　游戏中的按钮不难实现，但是如何实现按钮点击后的状态改变效果呢？例如：点击游戏中的一个按钮后，按钮凹陷下去，隔了简短的时间间隔后，按钮又弹起来，恢复原来的状态。这节课我们来实现按钮的这种效果，我们在游戏资源加载完毕后，资源进度条显示100%后，在资源进度条下面显示一个按钮，点击这个按钮后，进入游戏，显示游戏主面板。效果如下图所示

　　我们来看看游戏代码需要做哪些调整，由于资源加载完毕后并不自动切换到游戏主面板，也就是说资源加载完毕后需要显示资源加载进度条，所以，游戏的状态变量值需要变更，修改如下

　　既然游戏状态变量值更改了，那么，很自然，依赖此值绘制游戏场景的代码也需要做相应的调整，修改后的代码如下：

　　上节课将消息处理代码handleMessage()放在了drawScene()函数里，严格意义上来说，每一个函数的功能是单一的，所以，这节课将消息处理代码放在html页面里的runGame()函数中