腾讯新闻：端午节龙舟划划划

2020-06-25 H5案例分享 H5案例分享

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

识别图中二维码

端午节龙舟划划划-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：端午节龙舟划划划

品牌：腾讯新闻

技术实现： jQuery + QRCode + createjs

亮点：

1、创意定位

腾讯新闻端午节H5，以端午节特色活动划龙舟为主题。

2、策划上

① H5小游戏的形式，一般都是从好友分享或者朋友圈为入口，进入H5后，看到大标题“龙舟划划划”，点击屏幕下方的“冲啊”按钮，进入龙舟游戏；

② 首先看到的是游戏说明，躲避障碍物、吃粽子提速，点击“开始”按钮，321倒计时，40秒内，比的划的距离（单位是米），吃粽子的个数；小手拖动船左右移动，碰到障碍物会减速，碰到粽子代表吃到了粽子，除了普通的粽子，还有一种带有super图标的粽子；super图标的粽子感觉吃了后，速度提升的会更快；

③ 游戏结束后，会有和好友PK的战绩，还有参加比赛的好友以及他们对应的行驶距离和粽子数。

3、设计上

龙舟划船界面采用3D立体，赛道纵向扑面而来，赛道中的水也有接近真实。

4、体验上

通过简单的划船比赛，和好友做互动，既轻松又有趣。

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

标签