前言
昨日EMP微前端解决方案提到也能解决coco开发的游戏。第一次对话式文章。今日前端早读课文章由
京东用户体验设计部包子投稿分享。京东用户体验设计部-前端开发部现有前端开发人员50左右，主要为京东零售集团、京东健康提供WEB前端开发、APPRN开发，小程序开发、小游戏开发、H5开发等能力支持。正文从这开始~~
“大师，要如何才能做出一款人见人爱，让人爱不释手的小游戏呢？”清晨的微风吹来，柔和的阳光难挡丝丝凉意，大师轻拂白髯，着那龙头拐杖朝前一指，湖里便泛起了涟漪。众人定睛细视，不禁失声叫到：“好俊的一条鲶鱼！”且看它的遍体红麟，万分俊俏，真不愧为搅动H5游戏世界的魔王，前端浪潮的领舞者！诸位看官，闲言少叙，我们便来仔细瞧瞧此等神鱼终究有几多斤两。
第一章举棋不定“来需求啦！”，D哥风风火火地从卫生间出来，碰到刚沏了一杯咖啡的小Y，见面就是一巴掌（以示友好），咖啡溢出了几滴。“咱们这次的需求挺有意思，待会儿叫上小Z，咱们在会议室碰一下，看看怎么做。”“你把我咖啡搞洒了！”
十分钟后，三人都来到了会议室，D哥先介绍需求：“这次是要做一款交互性比较强的H5小游戏。基本玩法是开局给金币，用户用金币购买joy，买来的joy会按照一定速率产生金币收益；合成两只相同等级的joy可以升一级，级别越高，每秒收益的金币也就越多。”“赚了那么多金币有锤子用？”小Y不改急躁本色，要求D哥快点。D哥不紧不慢，整理了一下衣领接着介绍：金币是游戏中的虚拟资产，唯一的作用就是购买joy，有了joy你就可以不断升级，而达到一定级别后，会触发随机事件得到京豆...“喔！这才对嘛！”D哥看了小Y一眼。“我刚刚评估了一下，这次需求的难点在于动画的制作上，动画很多也很酷炫，咱们得选择一种方式，保证我们的游戏既好看又流畅,我想听听你们的想法。”
Y：“Canvas就行！咱们要在H5上开发，当然要用H5的画布。并且这也是当前的主流，想实现什么效果都没有问题，纯手写代码，只要代码写好点，一定能保证程序的流畅性。”
Z：“Canvas我不是很熟练”，小Z低声说到，“并且这次的动画不是有点多？”
D：“没错，我也担心这一点，动画多是个大问题，写起来复杂，之后的调试也会比较麻烦。小Z，你之前好像有做过H5上的动画？”
Z：“是的，我之前用过lottie，不过lottie弊端比较明显，用AE生成的文件太大，对动画元素多的场景太不友好。咱们这个需求恐怕用不上，SVG怎么样？”
Y：“那不和Canvas一个样？动画多起来要人命哟！你会画贝塞尔曲线吗？”
D：“嗯，我们要争取做到又快又好地开发，毕竟还有其他需求，不能在细节上花费过多的时间，但是也不能不注重细节。”
Y：“CSS加GIF吧要不。”
........
Z：“要不回去调研一下？”
D：“行，咱们先各自回去研究一下，看看用哪种技术实现起来好一点，散会。”
傍晚，三个人再次来到了会议室。淡橙色的阳光铺洒在会议桌上，温暖的氛围让小Z想起了童年放学后愉快玩耍的日子。
D：“怎么样？有成果吗？”
D哥又是一巴掌（以示友好）。
Y：“别说，真让我发现一个还不错的工具！”
Z：“嗯嗯，我也有收获。”
D：“好！我有个提议，我们便效仿昔日的周郎与孔明，把自己的想法写到纸上...”
Y：“不是写到手心吗？”
D：“嗯...你写手心也行，写完后大家同时亮出，看同也不同。”
于是，三人拿出纸笔，写下了自己这一下午调研的最终成果。
D：“摊开吧。”
D哥话音一落，三张白纸便铺在了一处，上面出奇一致地各自写着：Cocos!
Y：“妈耶，就是他了！”
第二章明察秋毫要说这Cocos究竟是什么来路，为什么这三人能够在彼此不知情的情况下都去选择了它？
D：“小Z，说说你的理由，为什么选Cocos呢？”
Z：“嗯嗯，那我先说下。咱们的目的是做一款H5手游，动画多，动画效果酷炫，游戏流畅性要求高，考虑到咱们的人力成本有限，能找到一套成熟的技术方案或者技术提供平台是最好不过的了，我们可以站在巨人的肩膀上，既减少开发时间，又能有效地避免兼容性问题和各种bug的出现。我朝着这个方向探索了一下，发现了不少优秀的平台，比如咱们国内做的不错的白鹭引擎，可以支持