网易新闻 | 哒哒：请回答 2017
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：请回答 2017
出品：网易新闻 | 哒哒
亮点：
- 策划上，视频生成。进入案例，提示“选三个词，定制你的专属视频”，此时向上滑动屏幕会出现2017关键词，再进行滑动可以循环切换关键词，一共7个，需要选出3个来生成，每次选词时，相应的按钮会由“选择”变为“已选”，选错可以点击“已选”或屏幕上方的“×”来取消，选择满3个，按钮则会变为“生成我的2017”，点击即可生成专属的视频，只不过不是真的生成，而是由预设的若干视频中，根据选择来给出1个。每个视频皆是由3个关键词相关的动画片段拼在一起。视频结束可点击“重新·定制”来重玩一遍，点击左边的按钮或屏幕底部的按钮可以查看出品团队分工，点击右边的按钮会提示分享。点击屏幕上方的播放按钮则是再看一遍视频。
- 设计上，画面在简洁的同时又很有设计感，交互时的动画效果细腻而又流畅，过渡很自然。关键词的设定也非常符合2017的流行元素。视频部分，背景音乐选用了国外超级流行的，常用来做恶搞和鬼畜的《Shooting Stars》，因此视频的调调非常魔性、洗脑。
- 体验上，非常简单直接的一支H5，关键词的选择感觉很到位，都是能戳到特定人群的词。玩完印象很深刻，也很轻松。根据以往经验，有人可能会较真这支H5的营养价值，但小五认为，有些时候就是图一乐呵，不必认真。
技术实现： jQuery + Pixi.js
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
