腾讯视频：北京遇上西雅图之不二情书

2016-09-06 H5案例分享 H5案例分享

案例：北京遇上西雅图之不二情书

出品：腾讯视频

亮点：

策划上，故事场景类，① 一位女子给思念的人写了一封情书，情书化作一个纸人去寻找那个对的人，却被风吹；② 这时它又化作了一只千纸鹤，飞过那些陌生的城市；③ 一场大雨，千纸鹤落入湖中，化作一只小船，飘向远方的彼岸；④ 而后由重新化作纸人与女子思念的那个人相遇；遇见对的人不容易，留下姓名和电话，就有机会赢取电影票和周边礼品，去看电影“北京遇上西雅图之不二情书”
设计上，以一个女子写情书，情书穿越千山万水与女子思念的那个人相遇，来展现电影“北京遇上西雅图之不二情书”里的故事情节，将H5里的故事与电影巧妙融合
交互上，整体交互主要采用长按方式
技术上，故事动态场景实现采用的是Canvas + CreateJS

技术实现： jQuery + Canvas + CreateJS

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

识别图中二维码

北京遇上西雅图之不二情书-查阅二维码

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

标签