中央人民广播电视台:请回答“1997”

2017-07-03 H5案例分享 H5案例分享
中央人民广播电视台:请回答“1997”

案例:请回答“1997”

出品:中央人民广播电视台

亮点:

  1. 策划上,测试答题类,共有八道题,题目信息主要以经典的电视剧场景来展现,非常的生动鲜活,每道题答过后即会出现是答对还是答错的提示,全部答完后,摇动手机,得到属于你的经典台词,意犹未尽的小伙伴,快来中央人民广播电台、中广网、中广新闻客户端了解更多吧。
  2. 设计上,七八十年代风格,采用黄色作为主色调,棕红色做背景,选的影视剧都是很经典的香港老片,即使现在重看一遍也很有韵味。
  3. 技术上,电视剧场景展示采用的是GIF动图,其他动画主要采用的是CSS3的animation,摇一摇用的是Html5的重力感应。



技术实现: Canvas + CreateJs


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

识别图中二维码

请回答“1997”-查阅二维码




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

标签

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

相关推荐:

智联招聘:七夕不加班,回家放肆爱

一汽马自达:CX-4高能毕业季

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~