大家今天来跟你们唠唠我最近搞的一个小玩意儿——垃圾分类小游戏。这年头，垃圾分类可是个大事儿，但光靠说教，大家伙儿也提不起劲儿。我就琢磨着，能不能做个游戏，让大家在玩儿的过程中就把这事儿给学会？
说干就干！我是两眼一抹黑，完全不知道从哪儿下手。不过还咱有网络嘛一顿搜索猛如虎，发现不少人都做过类似的东西，但很多都是网页版的，我这人又想搞点特别的，就想着能不能在手机上直接玩。后来我发现微信小程序也可以做，开发简单方便，所以还是选择做网页。
准备工作
先得把素材准备这垃圾分类的图标、各种垃圾的图片，我都得上网去找。还好现在免费的素材网站不少，一通下载，还真像那么回事儿。
- 找图标： 各种垃圾桶的图标，得醒目，让人一眼就能看出来是干啥的。
- 找垃圾图片： 各种各样的垃圾，越多越这样玩起来才不腻。
- 背景图片： 找个清爽点的背景，别太花哨，免得抢垃圾的风头。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
开始搭建
这一步可以说是最磨人的。要学习布局、交互，还得弄清楚各种各样的组件和 API。好在网页开发还是比较简单的，不断地尝试和修改，总算把界面给搭起来。
我用flex布局把几个垃圾桶并排放在页面底部，上面留出空间放垃圾图片。每个垃圾桶都绑定一个点击事件。然后，我把找到的垃圾图片，用列表渲染的方式，一个一个地显示在页面上。每个垃圾图片，我也给它绑定一个点击事件。
然后就是写逻辑。点击垃圾图片，要能判断这个垃圾属于哪个分类。如果选对，就给个提示，比如“你真棒！”；如果选错，也得给个提示，比如“再想想~”。
细节优化
界面和基本功能都有，接下来就是扣细节。比如：
- 增加音效： 选对垃圾的时候，放个欢快的音效；选错，放个“哎呀”的声音，这样玩起来更有趣。
- 增加动画： 垃圾图片被拖动的时候，加个小动画，让它看起来更生动。
- 增加计分： 每次选对，就加一分；选错，不扣分（毕竟是鼓励大家学习嘛）。
- 增加提示： 如果实在不知道这个垃圾属于哪一类，可以点击提示按钮，偷偷看一眼答案。
最终效果
经过一番折腾，我的垃圾分类小游戏终于大功告成！虽然界面还比较简陋，功能也比较简单，但好歹是把整个流程给跑通。看着大家伙儿玩得津津有味，我这心里别提多美！
这回的实践经历，让我学到不少东西。这人，就得多动手，多尝试，才能不断进步。下一步，我打算把这个小游戏再完善完善，争取让更多的人参与到垃圾分类的行动中来！
