腾讯新闻：小马奔奔送大福

2026-02-15 H5案例分享 H5案例分享

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

识别图中二维码

小马奔奔送大福-查阅二维码

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

案例：小马奔奔送大福

品牌：腾讯新闻

技术实现： vuejs

亮点：

1、创意定位

腾讯新闻为马年新年做的H5，为家乡加福气，促进腾讯新闻APP下载。

2、策划上

① 用户可以在网页或者腾讯新闻APP中进行游戏体验；

② 用户进入H5后，在列表中选择家乡，点击“踏雪迎福”按钮，启动游戏，每局游戏时长60秒，和3个生命值；名驹将自动向前奔跑，用户左右滑动屏幕，或者点击屏幕下方的左右按钮进行移动；

③ 在游戏的过程中，有4种道具，第一种好运金币，碰到加6个福运值；第二种惊喜福袋，碰到加188个福运值；第三种鼓励全开，获得5秒内收获赛道上所有金币和福袋；第四种木桩障碍，碰到扣除生命值，需要躲避，如果碰到3个木桩障碍，三个生命值都扣光，游戏提前结束哦。

④ 游戏结束后，有当局所获的福利值，为家乡贡献的福气值，击败全国其他用户的百分比；当前用户的排名；还有2个榜单：个人福气榜和省份福气榜。

3、设计上

红色为主色调，辅助色为黄色；今年是马年，以名驹为主角。

4、体验上

游戏轻松，又有排行榜的竞技感。

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

标签