当我们通过百度搜索“垃圾分类”关键词的时候，就会出现“垃圾分类有几种垃圾桶”、“垃圾分类垃圾桶颜色”等诸如此类的问题，这就说明了大家对于垃圾分类的知识并不熟悉，还需要不断的学习了解。而今天我们要给大家分享的两个H5案例，就是垃圾分类知识科普H5游戏，通过H5游戏的形式来做宣传，用户接受程度更高，理解起来也比较容易，这就达到了垃圾分类知识科普的作用了。

案例：相约邻里，清洁家园 

1.详情内容上：

常州市官方出品的垃圾分类游戏H5，通过让用户操控动画人物来接住指定的垃圾，从而来宣传垃圾分类。加载完成进入H5案例是封面页，背景图是城市的动画背景图，页面上方的文字信息说明了此次垃圾分类的主要活动，用户可以点击页面下方查看游戏规则和垃圾分类的详情，点击开始进入游戏。随后用户需要选择一个游戏动画形象，游戏的主题形式为接东西游戏，屏幕中会不断从上至下掉落不同类型的垃圾，玩家通过滑动屏幕来控制人物左右移动来收集掉落的可回收垃圾，每收集一件可回收垃圾可获得相应的积分，收集到错误垃圾则扣除相应的分数，游戏时常60s，玩家积累一定的分数即可抽奖。

2.页面设计上：

设计上采用了卡通动画风格，配色上选用了绿色，游戏的主题为垃圾分类，所以在游戏玩法的选择上采用了接东西的形式，和垃圾分类的主题十分相像。

3.用户体验上：

作为垃圾分类的主题游戏，游戏采用了接东西玩法和垃圾分类的主题相符合，H5开头也有垃圾分类知识的图谱，让用户能够了解相应的知识，对于垃圾分类的公益知识宣传效果非常好。

H5案例名称：垃圾分类

1.H5背景介绍：

在环境保护的呼声越来越迫切的情况下，全国各地都出台了关于垃圾分类的规定，但是全国各地的人们对于垃圾分类的知识还不是特别了解，因此蓝橙互动出品了这款关于垃圾分类的游戏，通过趣味的抓娃娃游戏H5，来提高人们对于垃圾分类的相关知识。

2.H5详情内容：

点击进入H5即为首页封面页，背景图是一个垃圾桶的动画形象，里面是各种各样的垃圾，文字信息“城市，因您而美丽”，用户可以点击页面下方查看H5活动的具体规则，点击开始进入游戏。游戏的主体形式为点击选择游戏，传送带上从左往右传送出不同种类的垃圾，垃圾到达中间，夹子就会松开把垃圾丢入下方的垃圾桶中，玩家根据夹子夹住的垃圾种类，左右滑动来切换垃圾桶的位置，接住垃圾。每切换一个垃圾桶的类别，下方显示其相关知识。分类错误时，也会显示正确的类别信息弹窗，关闭即可继续游戏。

游戏一共60秒，正确分类一个垃圾获得一个积分，每天可参与两次，分享好友额外获得一次机会。用户参与游戏即可获得环保积分奖励，获得的积分同步到微信公众号后台，用户可以在公众号兑换相应的奖品。

2.H5页面设计：

H5玩法设计上采用了互动选择游戏，设计上采用了卡通动画风格，配色上背景色选择了青绿色。H5游戏整体上设计上十分简单易懂，用户能够很轻松的操作游戏，再加上游戏中植入的关于垃圾分类的知识，让用户垃圾分类的相关知识得到了很好的补充。