方太请到118万人，为缺水地区唱了一首很“燥”的歌
这可能是史上最“干燥”的一首歌
因为，歌词里的每一滴“水”(氵或冫)，
都被我们捐到缺水地区了
如果你的姓名或家乡地名带有“氵”或“冫”，
请输入H5
边旁中的小水滴将会从文字中跳下来
为缺水地区唱首歌
立即扫码，燥起来吧
所有通过H5捐出的名字
都被收录在这张“史上最长的致谢名单”中
我们在上海定向投放朋友圈广告
同时，非上海人也纷纷用家乡地名参与互动
H5录屏
https://v.qq.com/txp/iframe/player.html?vid=w038954u3ee&width=500&height=375&auto=0
为缺水地区，募捐118万个有水之名
这支H5，则是其中一条捐名渠道
水，承载了太多美好的祝愿
在中国，超过一亿个名字中带有「氵或冫」的边旁
但中国，也是世界上水资源最贫乏的国家之一
方太水槽洗碗机，一次洗碗只需消耗3瓶水
它已率先把洗碗省出的“水”捐献出来，
改名为方太水槽「先」碗机
同时，为缺水地区捐建母亲水窖
但这还远远不够
为了引起更多人对缺水问题的关注
世界水日，方太联合京东公益与母亲水窖，
发起了这场「捐水行动」
但募集的并不是饮水，而是我们名字中的“水”
以及蕴含在名字中的美好祝愿
愿每一个有“水”之名
都能影响到它周围的有爱之人
191家品牌、40多家媒体、40余所机构与118万人
已参与捐名
＃给你我的水＃的微博话题阅读量也已突破1.2亿
世界水日，方太创作了一首很“燥”的歌
希望这个世界不再缺水
立即扫码，再听一遍
针对最让大家好奇的两个技术问题
我们还采访了本项目的互动技术总监-西瓜
Q1：三点水从名字中掉落的体验，是如何实现的？
西瓜：我们建立了一个带有两点水和三点水的字体数据库，通过数据库自动筛选文字。筛选后系统自动判断去掉边旁部首的文字是否成立。
三点水和两点水偏旁部首掉落的文字动画，为了达到最佳的动画效果，经过无数次的测试，最终采用了云字体显示加上序列动画叠加的方式来实现。
Q2：在H5中嵌入字体特效，会影响体验的流畅性吗？
西瓜：创意需求用户输入的动态文字需要特定字体显示。原来传统的加载字体的方法文件肯定不能在现在的H5上使用，因为中文字体的文件加载太大了。
这次我们通过按需截取的方式生成小字库，可以小到几十K，甚至几K，终于有效控制了字体文件的大小，加速了文字的渲染效率，再加上加入了快速的CDN分发，使中文字体也可以通过在线的方式流畅渲染呈现。
—END—
往期案例链接：
方太情人节：只要她吃的开心，送什么都不会错
方太AWE正片：妈妈的时间机器
方太AWE案例整合
方太新春视频：2017，17努力，17强大
胜加产品：礼尚往来APP
—广告界故事大王—