经历过不少次上线前通宵赶需求上线后通宵改bug，
没想到这一次，
一把年纪已经不怎么写代码了，还要经历一次这样紧张的开发周期。
朋友公司的H5，10.1假期后开始开发 - 11.1上线，一个陈慧琳代言的牛仔品牌，做一个（3个）比手速的游戏，截止到双十一，排行榜第一奖励iPhone X，前20名都价值不同的代金券
这次准备跟大家分享一下开发的过程及遇到的一些难点
其中一些场景先睹为快
首先我们有7个场景，引言-奖品-主屏-游戏1-游戏2-游戏3-结束页
（当然这个策划是做广告的，思路跟游戏有点不一样，希望大家不喜勿喷）
先简单分享一下大致的一些难点和思路，有希望了解具体实现的小伙伴，可以留言
（如果感兴趣的小伙伴多，过了双十一可以github上开放代码，但是目前因为赶进度，代码乱到自己都不想看，
）
-
引言如上图，需要做一个抖音字
方案：用了两个摄像机，一个专门用于显示字体，摄像机进行了一些缩放 -
拉链，需要做弯曲
方案：用cc.Graphcs, 比对过lineTo和quadraticCurveTo，发现还是lineTo效果好，还是继续用lineTo
那么，graphics怎么做的渐变呢，怎么做的纹理而不是纯色呢？ -
视频，设计师小伙伴竟然把按钮放在了视频上
方案: 无奈之下通过插入html，把按钮的层级放到了class为cocosVideo的div标签上
但是！朋友公司在上线前大规模测试的时候，发现5台以上的华为在h5视频方面有很大问题，不仅自动播放不支持，并且视频被截断了一部分，百度一查，结果全是《华为的h5 video就是个大坑》，无奈下强切gif，但是cocos也不支持gif，所以只能通过img标签插入了，不要问我适配是怎么做好的，真的是四边px算比例，各种调。。。
-
淘口令，客户需求淘口令可以一键复制
方案：使用clipboard.js，就当一切都顺风顺水的时候，某天早上，客户跟我说你的测试链接打不开了，结果仔细研究，因为网页里有淘口令，结果被禁止了，所以只好通过拆解淘口令，游戏开始后再setAttribute设置到标签里。小伙伴可以在玩到最后一页的时候，打开淘宝，应该能跳出相对于的商品 -
网页加速，当然这是百年都逃不开的话题
方案：在场景1开始后，preload后面的场景，将场景名存成数组，在加载成功的回调后继续加载下一个场景，避免了一开始加载所有场景
虽然这不符合一个做久了游戏团队的思路，但是广告界也有他们的思路，就当互相学习吧
最后，提供一下这个H5的二维码，不过对方设计成了要关注才可以继续玩，毕竟，如果赢了iPhone X，但又没关注，去哪找人呢是吗，哈哈
致敬程序员们一个又一个通宵的夜晚
