中央广播电视台X大湾区之声：大湾区之声邀你端午划龙舟

2021-06-15 H5案例分享 H5案例分享

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

识别图中二维码

大湾区之声邀你端午划龙舟-查阅二维码

完整欣赏此案例大约需要55秒

案例：大湾区之声邀你端午划龙舟

品牌：中央广播电视台X大湾区之声

技术实现： html5

亮点：

中央广播电视台与大湾区之声联合推出的端午节作品，介绍大湾区的龙舟类型，邀请用户参加线上体验，宣传地方特色，推广民族文化。

作品主要有三个环节

①船队选择

点击标题下的“加油吧！冲刺”触点，在三支龙舟队伍中选择一个，备选的有广府龙舟队，客家龙舟队，潮州龙舟队，选择好后点击确认，跳出龙舟介绍页，浏览完毕后开始比赛，有比赛方法介绍框跳出。

②龙舟挑战

关闭介绍框，三秒倒计时后比赛开始，每次限时30秒，用户左右滑动屏幕让龙舟在前进过程中接住粽子，同时避开石头，上方有已经接住的粽子数量，前进距离和倒计时。

③落地海报

比赛结束后，根据成绩生成海报，包括“龙舟上将”“钻石星耀舵手”“三军龙舟星耀”等称号和讲解语，主图和出品方名字，用户可保存海报，再玩一次，或分享好友。

浅青色的主色，简单的手绘，作品基调清爽，符合端午主题。

龙舟碰到石头会短暂停止一下，再继续前进，游戏过程中，龙舟前进速度会越来越快，需要用户集中注意力避让石头和接粽子。

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

标签