深圳商报·读创客户端：龙运当头福气全开

2024-03-05 H5案例分享 H5案例分享

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

识别图中二维码

龙运当头福气全开-查阅二维码

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

案例：龙运当头福气全开

品牌：深圳商报·读创客户端

技术实现： html2canvas.js、vue、webpack、css3、html5

亮点：

1.创意定位

春节是中国的传统节日，象征着新的开始和希望。龙年作为中国传统文化中重要的一个年份，更是寄托了人们对未来的美好期许。深圳商报·读创客户端在新春佳节来临之际推出主题为“龙运当头福气全开”接福气小游戏。

2.策划逻辑

主要流程：①主页-②选择皮肤-③接福气-④生成福气榜

①主页：龙年“小龙人”元素+“福气”元素作为活动的主页面，用户点击“接福气”一键进入游戏。

②选择皮肤:五款小龙人皮肤“富龙报喜、飞龙腾达、金龙贺岁、瑞龙呈祥、祥龙昂首”，均是中国传统福气元素，可供选择。选择好自己喜欢的皮肤进入接福气环节。

③接福气：显示活动规则，用户点击确认，进入接福气，25秒倒计时，在规定时间内接住接福气“福袋、红包、铜钱”，但同时要避免接到“爆炸”哦！

④生成福气榜：根据接福的数值，生成龙年福气值。

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

标签