网易新闻X哒哒X谈心社:你我当年

2019-08-30 H5案例分享 H5案例分享
网易新闻X哒哒X谈心社:你我当年


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

识别图中二维码

你我当年-查阅二维码

完整欣赏此案例大约需要3分钟


案例:你我当年

品牌:网易新闻X哒哒X谈心社

亮点:

  1. 创意定位

网易新闻,哒哒,谈心社共同出品,罗列和回忆过去十年国产优秀电视剧的怀旧型H5作品。

 

  1. 策划逻辑

加载完毕后,是一段感慨阔别暑期已久的感言,点击触点进入作品,长按屏幕下方推动作品展现,所有场景均由剪纸搭建,总共大致两个环节

①穿过层层叠叠的由纸上的破洞组成的隧道,由李逍遥一声“我要当盖世英雄”的呐喊开始,以各种人物与背景的组合形式依次展示了《仙剑奇侠传》《武林外传》《少年包青天》《王子变青蛙》的经典场景和主要人物,搭配主题曲的播放,还有部分电视剧中主人翁的经典招式,如郭芙蓉的“排山倒海”,展昭(释小龙饰)的少林棍法,搭配文字介绍了电视剧播放的时间以及当时带给我们的感触。

②回到隧道,镜头由远及近,其他的电视剧主要人物快速出现,《封神榜》《至尊红颜》《穿越时空的爱恋》《神雕侠侣(古天乐版)》《小李飞刀》《爱情公寓》《炊事班的故事》《欢天喜地七仙女》《少年方世玉》《情深深雨蒙蒙》《还珠格格》《海豚湾恋人》《西游记》等等。

③随着人物不断出现,隧道口不断变小直至最后闭合,最后出现一段回忆青春的文字及出品方名称,用户可选择重看或查看彩蛋,彩蛋中简略记录了制作团队剪纸和搭建过程。

 

  1. 设计上

作品中所有场景都由剪纸搭建构成,由手机拍摄完成,页面颜色略显古旧,符合“复古”“回忆”的主题,前面的电视剧展现抓住了重点场景,如李逍遥灵儿与月如在锁妖塔即将倒塌的时候月如对李逍遥侧脸的凝视,同福客栈白展堂与郭芙蓉过招,王子变青蛙中男女主角初次相遇,文字提示的暴雨梨花针干尸案件,都能最大程度的勾起用户回忆,最后多个电视剧人物快速闪现,隧道口越来越小,也有时光流逝一去不复返的感觉。

 

  1. 交互上

用户需要一直长按下方触点,推动作品展现,随时松手随时停下,继续按住则继续播放,方便用户详细浏览想要定格下来仔细欣赏的场景画面。

 



技术实现: PixiJS+Video



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

标签

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

相关推荐:

搜狐新闻×半糖:台湾剧cp

齐鲁网X闪电新闻客户端:那个魔鬼还在吃人!数量还在增长!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~