案例：让地球更绿，清水河更清
品牌：支付宝
整理：行业H5案例
1. 创意定位上
这是支付宝的“蚂蚁森林”推出了公益H5，主要介绍有个清水河的地方（位于内蒙古、黄河峡谷的东岸），虽然名为清水河，但是水一点都不清，并通过秘密花园涂色的形式，呼吁大家关爱大自然。
2. 内容策划上
整个H5案例一共4屏，分别是加载页、首页、画布涂色页和生成海报页。
进入案例首先看到“请你帮忙添点绿”，在屏幕中间有活动规则介绍，依次轮播介绍规则内容，定期切换，无法滑动快速观看。点击“开始涂色”按钮。
会有游戏提示，提示如何点选涂色、如何滑动画布，可以山丘和树木进行涂色，涂色完毕后，点击“完成涂色”按钮，生成一幅属于你为“清水河”涂色的海报。
3. 设计技术上
整个H5设计的画面有手绘的蜡笔效果，画面的景物就是清水河的一部分。 最值得点评的是涂色，采用Canvas画布，将需要着色的位置，分成不同的图片层（base64格式），例如：不同的山丘，不同的树。一共12个图片层，12个图片的层，代表不同的涂色位置。
案例赏析：测试H5|动画h5—对“艾”say no
注：专业的H5开发找专业的公司，如果你有H5开发需求，请联系我们蓝橙互动！
相关链接：H5页面制作|H5活动策划公司|微信游戏开发|小程序定制|公众号开发
