这可能是史上最“干燥”的一首歌

因为，歌词里的每一滴“水”(氵或冫)，

都被我们捐到缺水地区了

如果你的姓名或家乡地名带有“氵”或“冫”，请输入H5

边旁中的小水滴将会从文字中跳下来

为缺水地区唱首歌



立即扫码，燥起来吧





所有通过H5捐出的名字

都被收录在这张“史上最长的致谢名单”中



我们在上海定向投放朋友圈广告

同时，非上海人也纷纷用家乡地名参与互动




H5录屏



 为缺水地区，募捐118万个有水之名

这支H5，则是其中一条捐名渠道

水，承载了太多美好的祝愿

在中国，超过一亿个名字中带有「氵或冫」的边旁

但中国，也是世界上水资源最贫乏的国家之一

方太水槽洗碗机，一次洗碗只需消耗3瓶水

它已率先把洗碗省出的“水”捐献出来，改名为方太水槽「先」碗机

同时，为缺水地区捐建母亲水窖

但这还远远不够



为了引起更多人对缺水问题的关注

世界水日，方太联合京东公益与母亲水窖，发起了这场「捐水行动」

但募集的并不是饮水，而是我们名字中的“水”

以及蕴含在名字中的美好祝愿



愿每一个有“水”之名

都能影响到它周围的有爱之人

191家品牌、40多家媒体、40余所机构与118万人已参与捐名

＃给你我的水＃的微博话题阅读量也已突破1.2亿

世界水日，方太创作了一首很“燥”的歌

希望这个世界不再缺水



立即扫码，再听一遍！


 

　　针对最让大家好奇的两个技术问题，我们还采访了本项目的互动技术总监-西瓜。

　　Q1：三点水从名字中掉落的体验，是如何实现的?

　　西瓜：我们建立了一个带有两点水和三点水的字体数据库，通过数据库自动筛选文字。筛选后系统自动判断去掉边旁部首的文字是否成立。

　　三点水和两点水偏旁部首掉落的文字动画，为了达到最佳的动画效果，经过无数次的测试，最终采用了云字体显示加上序列动画叠加的方式来实现。

　　Q2：在H5中嵌入字体特效，会影响体验的流畅性吗?

　　西瓜：创意需求用户输入的动态文字需要特定字体显示。原来传统的加载字体的方法文件肯定不能在现在的H5上使用，因为中文字体的文件加载太大了。这次我们通过按需截取的方式生成小字库，可以小到几十K，甚至几K，终于有效控制了字体文件的大小，加速了文字的渲染效率，再加上加入了快速的CDN分发，使中文字体也可以通过在线的方式流畅渲染呈现