网易新闻：时空恋爱事务所
案例：时空恋爱事务所
出品：网易新闻
亮点：
- 策划上，交互视频类。①开头由一个主题视频，引出“时空恋爱事务所”，视频播放完毕，点击下方开启完美爱情，进入“恋爱”部分。②点击一个心动人物，开启属于你们的时空爱情故事线，用户通过触摸、滑动、摇动手机等交互操作，模拟动漫人物的行为，与心动角色进行交流，展开故事。③结尾处可以返回事务所重选心动角色，也可以分享这份心动给小伙伴，还能跳转下载网易新闻客户端。
- 设计上，日系二次元风格，整体有种GalGame既视感，只不过这个不是文字游戏，而是以交互视频的方式展现，里面的选项也是以交互来进行选择。配色偏粉，画面跟樱花元素相符合。
- 技术上，里面的故事动画是采用Html5的Video视频，在Canvas上播放。心动男生故事线，是时长4'13''的视频，心动女生故事线，视频时长3'21''。交互方面则用到了重力感应，和js插件。
技术实现： CreateJS + FastClick
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
