Citroen 东风雪铁龙：Citroën WTCC - Game Of Scroll

2016-08-02 H5案例分享 H5案例分享

案例：Citroën WTCC - Game Of Scroll

出品：Citroen 东风雪铁龙

亮点：

策划上，图文展示+小游戏类。载入完毕进入页面后，会有玩法提示，然后选择心仪的车手，“穆勒”或“洛佩兹”其中一个，接着便进入产品的性能展示页面，用户拖动下方的箭头，赛车就会跟着移动，并展示各部位的性能。展示完毕，观看赛道，最后便可进入游戏。游戏形式为下拉屏幕让车移动，手速越快车速就越快。左上角还有按钮显示隐藏的弹窗，有赛事与车手介绍等内容。
设计上，全程红色作为主色调，配上科技感十足的背景音乐，给人一种热血沸腾的感觉。每个页面配色与排版处理都很赞！拉动箭头展示赛车的形式也很新颖，动画效果很高大上！（还有！赛车手穆勒和吴秀波大叔长相神似有木有！！）。
体验上，可能因为是国外链接，速度有些慢，并且在部分机型中显示不是很流畅。还有，案例中所有文字都是法语，小编玩几遍之后已经准备去考法语专八了。

技术实现： JavaScript

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

识别图中二维码

Citroën WTCC - Game Of Scroll-查阅二维码

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

标签