大家今天咱来聊聊咋整H5小游戏。作为一个没事就爱瞎捣鼓的博主，这回我又来分享我的折腾经历。
先琢磨琢磨，做个啥样的？
咱也没啥头绪，就想着先随便做个脑子里转一圈，决定，就做个简单的，那种点点点的消除类游戏好！这种游戏做起来不复杂，又能打发时间，挺
找工具，开整！
有想法，就得找工具开干！我平时比较喜欢用那个，那个叫啥来着... 就是那个绿色的图标，好多人都用的那个！对，就是 Egret! 这玩意儿好上手，对咱这种小白来说挺友好的。
打开Egret Launcher, 新建一个项目，选个空白模板。然后就开始搭界面。我这里用几个简单的图形元素，弄几个不同颜色的小方块。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 创建项目： 在Egret Launcher里创建一个新项目。
- 搭界面： 拖拖拽拽，放几个小方块上去，弄几个颜色。
写代码，让它动起来！
光有界面不行，得让它能玩起来！这里就要写代码。我主要做这么几件事：
- 生成小方块： 写个函数，让它能随机生成不同颜色的小方块，铺满整个游戏区域。
- 点击事件： 给每个小方块加个点击事件，点一下，就看看周围有没有相同颜色的，有的话就一起消除掉。
- 消除动画： 消除的时候，加个小动画，比如闪一下，或者缩放一下，这样看着更带劲。
- 计分： 消除就加点分，分数越高越好嘛
写代码这块，真是费我不少功夫。 刚开始，点击消除的逻辑，怎么都搞不定。老是出现各种奇怪的问题，要么就是点不动，要么就是消除的不对。后来我一点点调试，*大法好呀！ 一点点排查，总算是把问题给解决。
测试，测试，再测试！
代码写完，那必须得好好测试一下！我自己在电脑上点点点，手机上也点点点，看看有没有啥bug。
别说，还真发现不少问题。比如，有时候消除的逻辑会出错，明明没有连在一起的，也给消除。还有就是，动画有时候会卡住，看着不流畅。
遇到问题，那就继续改呗！改代码，再测试，再改，再测试... 反正就是不断重复这个过程，直到满意为止。
终于搞定！
经过一番折腾，我的第一个H5小游戏终于算是完成！虽然很简单，但也是我一点点做出来的，心里还是挺有成就感的！
这回的分享就到这里。希望对大家有所帮助，下次有好玩的，我再来分享！
