奎特尔星球导航

有朋友在公众号留言，提出「奎特尔星球」上的文章对于初学者路径不清晰，不知道按怎么的顺序阅读。

其实「奎特尔星球」公众号上的文章还是有轨迹可寻的，总体框架如下图所示：

借这位朋友的提醒，Shawn将从2017年9月公众号开张时的文章、教程、视频做了一个归类整理，为初入Creator和奎特尔的朋友提供一个参考。

一、基础&综合&经验

此分类的内容比较宽泛，不仅限于CocosCreator，涉及Javascript语言平台、工具环境、经验总结。

• 探索CocosH5正确的开发姿势 （视频）
• Cocos H5开发工具箱（上、下）（视频）
• Cocos H5调试方法（WebStrom、VSCode）（视频）
• 奎特尔星球殖民计划
• 游戏开发心悟
• Cocos论坛九问九答
• Creator模块介绍—领略模块化的力量
• CocosCreator发展趋势与感悟

建议初学Creator的朋友可以先看视频有个感性的认识，能顺利搭建开发环境，理解Creator应用与其它应用的差别（web应用、原生应用）。

二、UI编程相关

手机游戏中大量的UI界面，占游戏开发工作量50%以上，理解Creator的组件化思维是从Cocos2d-x/lua/js到Creator的必经之路。而且UI的开发贯穿整个游戏项目的业务逻辑，这方向是Shawn思考的最多的地方，有如下经验分享：

Creator组件化编程的思考

英雄：cc.Node 魔灵：cc.Component

• 英雄与魔灵
• 魔灵传说

当在Creator开发中，遇到节点与组件的关系没理清楚的时候，推荐上面的文章，也建议刚从Cocos2d-x/lua/js转换Creator的也可以看看。

uikiller库

uikiller主要用于简化Creator的UI开发，是奎特星球上的神兵号称“雷神之锤”

• 雷神之锤
• 独孤九剑与乾坤大挪移—uikiller插件系统
• 雷神之锤招数大放送 （视频）
• 雷神之锤隐藏技能—穿云箭 （视频）
• 雷神之锤召唤技 （视频）
• 雷神归来—Thor组件实战演示 （视频）

主要功能：

1. 节点、组件即时访问，kill掉getComonentgetChildByName。
2. 节点触摸事件按规则自动响应，kill掉触摸事件注册。
3. 节点长按事件支持，触摸事件返回值扩展，kill统一的按钮音效和点击特效。
4. 插件能力：节点勾子、节点事件勾子支持，kill多语言及更多的...。
5. Thor组件，属性修改编辑器实时预览，kill预览要一步步跑流程。

如果你也遇到UI编程中大量的的冗余和垃圾代码作斗争，可以尝试一下uikiller是否对你有用，建议从视频教程开始，插件功能最后去看。

地址：https://github.com/ShawnZhang2015/uikiller

MagicComponent可通用组件

在游戏开发中影响效率的一个问题是，缺乏可通用的组件，就像Creator提供的组件一样。Shawn根据项目经验训练了几个魔灵战士，拖拽即用，有源码的哦！

• 「二维码」魔灵战士，快来Get吧！（视频）
• 奎特尔星球上的白魔法 （视频）
• 魔灵战士—魔法精灵 （视频）
• 奎特尔魔法三杰 （视频）
• 奎特尔历险记总动员

目前MagicComponent的进度比较缓慢，最近刚更新了二维码战士，稍后制作视频介绍。

如果你在编写组件时遇到困难，第一是查看Creator的组件源码，如果想实现一些黑魔法没可以参考下MagicComponent。

地址：https://github.com/ShawnZhang2015/MagicComponent

Cocos动画编程

• 英雄之舞 | 迷踪“安可心” —介绍Action的用法
• 英雄之舞—凌波微步 —介绍async的用法
• 英雄之舞|预告篇—大战双11 —综合原码的小游戏

上面的内容都带源码，按顺序阅读即可！

地址：https://github.com/ShawnZhang2015/CocosActionDemo

Javascript

• 星际巡航—玩转javascript中this！

初入Javascript的同学经常在this变量上翻车，这篇教程是我对this的心得！

protobuf系列

1. 当creator遇上protobufjs|相遇
2. 当creator遇上protobufjs|激情
3. 当creator遇上protobufjs|孕育
4. 当creator遇上protobufjs|这个杀手不太冷 (pbkiller、视频)
5. 当creator遇上protobufjs|叛逆成长
6. 当creator遇上protobufjs|青春升级记 (pbkiller、视频)

protobuf应该属于网络编程中的一个模块，但至今我的网络编程相关的教程都没有产出。如果在Creator使用protobuf遇到问题，可以参考上面文章，建议按上面顺序阅读。

大神系列

这一部分是Shawn收录的朋友的文章，如果你在Cocos原生开发上遇到性能问题一定要看看Colin的教程。自由飞是一位霸气的程序员，至力于为‘野生程序员’的成长略尽绵薄之力”，他的故事震撼了我，也是我学习的榜样！

作者：Colin

• 2D MMO中角色动画的优化
• Cocos实现对ETC2的支持
• Creator使用压缩纹理

作者：自由飞

• 野生程序员的折腾—从包工头到程序员(一)
• 野生程序员的折腾—残酷的磨砺让我更加锋利(二)
• 野生程序员的折腾—寻梦回归“一起帮”(三)