本文介绍如何在H5数独游戏中创建按钮，并实现点击后凹陷再弹起的效果。通过调整游戏状态变量，修改场景绘制代码，设置按钮类及回调函数，详细阐述了按钮状态管理和消息处理过程，确保按钮点击后能切换到游戏主面板。
游戏中的按钮不难实现，但是如何实现按钮点击后的状态改变效果呢？例如：点击游戏中的一个按钮后，按钮凹陷下去，隔了简短的时间间隔后，按钮又弹起来，恢复原来的状态。这节课我们来实现按钮的这种效果，我们在游戏资源加载完毕后，资源进度条显示100%后，在资源进度条下面显示一个按钮，点击这个按钮后，进入游戏，显示游戏主面板。效果如下图所示
我们来看看游戏代码需要做哪些调整，由于资源加载完毕后并不自动切换到游戏主面板，也就是说资源加载完毕后需要显示资源加载进度条，所以，游戏的状态变量值需要变更，修改如下
既然游戏状态变量值更改了，那么，很自然，依赖此值绘制游戏场景的代码也需要做相应的调整，修改后的代码如下：
上节课将消息处理代码handleMessage()放在了drawScene()函数里，严格意义上来说，每一个函数的功能是单一的，所以，这节课将消息处理代码放在html页面里的runGame()函数中
最低0.47元/天 解锁文章
195
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
