腾讯 和平精英：特种兵鸭鸭带你游南京
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例：特种兵鸭鸭带你游南京
品牌：腾讯 和平精英
技术实现： egret + tween.js + html2canvas + swiper + jQuery
亮点：
1、创意定位
腾讯和平精英高校总决算宣传H5，比赛地点在南京，整支H5选用了小黄鸭贯穿。
2、策划上
① 首屏显示和平精英即将开始，提示向上滑动，滑动暂停，提示“快开枪”，点击后，一只小黄鸭击中另外一支小黄鸭，弹出落地成盒鸭弹出层提示，点击关闭按钮；再次暂停“是谁撑到了最后”提示，点击出现刚强王鸭；继续滑动，提示“找到隐藏鸭鸭，击败敌人”，出现伏地能手鸭；后面还有躺赢萌妹鸭、快来扶我鸭、医疗兵鸭；纵向滑动到最后出现“定制你的专属鸭鸭”按钮，进入定制页面；
② 定制页面中，用户可以点击“一键随机形象”按钮，随机生成鸭鸭造型；也可以手动选择表情（5个选项）、武器（5个选项）、物资1（6个选项）、物资2（9个选项）；点击“生成你的专属鸭鸭”按钮，生成海报，用户可以长按保存。
3、设计上
围绕和平精英主题，同时结合南京地理，以小黄鸭贯穿H5。
4、体验上
各种战斗的小黄鸭，滑动到交互处，页面会无法滑动，提示有交互。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
