滴滴：牛师傅万元牛礼挑战

2021-02-05 H5案例分享 H5案例分享

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

识别图中二维码

牛师傅万元牛礼挑战-查阅二维码

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

案例：牛师傅万元牛礼挑战

品牌：滴滴

技术实现： jQuery + CreateJS + Hammer.JS + TweenMax + Swiper

亮点：

滴滴推出的新年作品，考验眼力和手速，参加微博互动可参与抽奖，收获新年祝福与好运。

点击打开后，活动规则自动跳出，阅读后关闭，点击触点开始游戏，五个红色轮廓图出现后缩小至年画下方，用户在年画中寻找相应图案，找到后点击，被找到的图案会变大成祝福海报，然后缩小到相应轮廓图中，找齐五个后，点击定制海报，左右滑动选择主图，点击触点更换称呼，满意后点击生成海报。

红红火火的牛年图画，大大的金色牛占据画中间，背上满载礼物，旁边是街道和熙攘人群，热热闹闹，各种传统活动和食物都有展现，舞龙，发财树，街头卖艺，路边有各种小吃，图案虽小，内容充实，传统味道很浓厚，还有做核酸检测的，提醒大家过年注意防疫。

图案还是比较好找的，虽然小，但是会稍微的闪闪发光。

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

标签