腾讯视频:修复文物,遇见文明

2019-02-18 H5案例分享 H5案例分享
腾讯视频:修复文物,遇见文明


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

识别图中二维码

修复文物,遇见文明-查阅二维码

完整欣赏此案例大约需要2分10秒


案例:修复文物,遇见文明

出品:腾讯视频

亮点:

  1. 创意定位:腾讯视频以“修复文物 遇见文明”为题,通过炫酷的三幕“文物修复”交互动画,为用户普及了文物修复的常识。用H5交互动画这种创新的方式来演绎文物修复和文化传承,参与感更高,体验度更强,吸引用户参与并获得博物馆门票,整个传播体现了品牌的创新、担当和社会责任感。

     

  2. 策划上,①点击“遇见文明”按钮,视频内容讲述的是文物的历史变迁,“烟火熄灭,繁华落幕,三千年前的飞鸟,随大明而明,随风尘敛芒入土。裂缝是文明的脉络,残损是历史的留痕,修复文物,遇见文明,点击开始按钮,点选文字,修复文物,抢先获取限量博物馆门票。②选择“又见金颜”、“盛世烟火”、“神鸟涅槃”三者其一,根据提示点击、长按或者拖动来修复文物。“又见金颜”是三星堆金面罩青铜人头像,“盛世烟火”是三星堆·陶三足炊器,“神鸟涅槃”是金沙遗址·太阳神鸟金饰。根据你所用互动的时长来显示修复用时,跟实际修复用时是多长时间进行比较,让用户更直接地感受文物修复的耗时和艰辛。③点击完成,显示用户成功修复,成为第多少名的文明回溯者,恭喜你,优先获得限量博物馆门票,可以继续修复文物,也可以点击领取跳转到三星堆博物馆电子门票领取信息登记页面,或者是金沙遗址博物馆电子门票领取信息登记页面。

     

  3. 设计上,以金色流沙作为转场动效,利用3D建模的手法高度还原了文物的每一个碎片,让用户在参与“修复”的过程中,增加了互动感和真实感。最后“修复完成”的文物精美有光泽、质感,更让用户有一定的意外感和小成就感

     

  4. 交互上,根据文物的破损程度,用点击、长按、滑动来进行打磨、清理、修补。

     

  5. 体验上,在交互过程中,有各种炫酷修复动效,让小五产生了“对修复文物自己做出了巨大贡献”的错觉,或者,这就是创意人员想要的效果吧。



技术实现: Vue+Tween+Canvas+Video



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯视频:没想到你是这种怪

腾讯视频:猪年画猪 诸事大吉

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~