网易新闻：来，用5笔画一个你的爱吧

2018-04-24 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

来，用5笔画一个你的爱吧-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：来，用5笔画一个你的爱吧

出品：网易新闻

亮点：

策划上，根据首页的提示，任意连接5个点，解锁内心深处的爱之密语；随意连接5个点，形成了一个密封的形状，之后会自动合成出一个图案，上方是不同语言的love的写法，下方是解锁的密语；轻触画面，会消除之前的图案，可以重新连接，继续解锁密语；5个点，可以形成多个不同的形状，每个形状都有着不同的语言和密语。
设计上，画面简洁，背景颜色为纯白，主要采用黑色和红色作为画笔和填充色；简笔画所象征的图案生动。
体验上，用5个点可以形成多个形状，也可以生成多个不同的图案，最简单的点构造除了一个复杂的图案，创意新颖；颜色上来说，白黑红，也象征着爱情，爱情有时似火有时彷徨但却最为简单。

技术实现： zepto.js，analysis.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签