万事开头难一——Cocos2d-JS游戏开发入门指导

当你信心满满，斗志昂扬地下定决心学习新技术时，你是否也有这样的感觉：技术还没学，却在配置环境上浪费了大量时间，
最重要的是，无论怎样，就是配不对，想怒砸电脑！！！你是否还有这样的感觉：一头扎进去学了好久好久，从一个个部分学起，
却不知道怎么把他们组装起来，欲哭无泪！！！你是否更有这样的感觉，教程漫天都是，文档随处可见，经过了千百万次抉择也没有
找到最适合自己的那个！！！那就看这里，这里有你要的答案。
    这是一个系列的博客，之所以写这一系列的博客，是因为我觉得我总是最不幸运的那个，每个领域的入门阶段，我都过得很艰难，
正说明了那句话，万事开头难嘛。而，我又觉得自己是幸运的，因为虽然开头艰难，但终究是找到了正确的道路，而且在这艰难的过程中，
我又渐渐懂得了如何去学习一门新的技术，如何去引导新手们快乐地入门。所以，打算写一个系列的博客，用于说明我对于每个不同
领域入门的经验和总结，为了后来者能够少走弯路。不要把激情耗尽在入门的坎途上。。。

一、关于学习资料

其实，说实话，无论什么技术，学习资料无外乎就两种分类。一种是官网的资料，一种是非官网的资料。一般情况下，都是
    推荐官网的资料的。对于Cocos2d-JS，我只想吐槽一句，Cocos的官网怎么打开这么卡！！！！但是话说回来，官网的资料
    非常丰富，至少对于我来说，目前还没有看非官网的资料。而，网站有中文网站和英文网站，当然了英文网站时原网址，
    所以更加权威全面。但是对于英语不太好的同学，看看中文网站也可以的。所以，学习资料，你只要记住一个官网就可以了。

二、入门学习

1. 整体掌握：

无论哪种技术，我推荐的学习方法都是先对整体有个大概的了解，然后再分步骤钻研整个大框架的每个组成部分。这样，有一个整体的掌握对于对整个技术的认识和学习都是非常有帮助的。所以，我觉得你一开始可以通过官网的“文档”分类下，对各个技术的介绍和概述，来了解整个Cocos到底是怎么回事。通过这部分的学习，你要明白以下几个问题：

（1）Cocos，Cocos Studio，Cocos2d-x,Cocos2d-JS,Cocos2d-lua,Cocos2d-html,Cocos2d，它们分别都是什么，
都是用来干什么的，有什么区别？
（2）Cocos2d-JS的引擎原理是什么？它为什么能够使用JavaScript来进行游戏编程？它为什么能够实现全平台？
（3）Cocos2d-JS,Cocos Code IDE,Cocos Studio,Cocos Frameworks如何相互配合一起工作？
（4）你为什么要学习Cocos2d-JS，而不是其他的？

PS：如果第（3）条不太懂，可以参考我的博客：http://www.jb51.cc/article/p-gvenraps-em.html
官网“文档”分类地址：http://cn.cocos2d-x.org/article/

2. 开发环境配置：

至于开发环境的配置问题，因为比较复杂，在这里，我就不详细介绍了，可以参考我的博客：http://www.jb51.cc/article/p-ohdyxoue-em.html

通过这部分的学习，你要完成的任务是成功配置好Cocos2d-JS开发环境。

3. 开发工具使用学习：

至于开发工具的具体使用，我推荐可以查看官网中“文档”分类下的介绍教程。文档分类地址：http://cn.cocos2d-x.org/article/ 如下图：

当然了，看文档是非常无聊的，你也可以去官网的教程分类下的Cocos2d-JS分类（http://cn.cocos2d-x.org/tutorial/index?type=cocos2d-js）和Cocos分类（http://cn.cocos2d-x.org/tutorial/index?type=cocos）：找一些视频教程，大概看看，有个大概的了解，由于视频会有更新和删除，在这里就不推荐具体的视频教程了。通过这部分的学习，你要完成以下几个任务：

（1）完成Cocos Code IDE，Cocos Studio，Cocos，Cocos Framework的安装工作。
（2）学会Cocos Code IDE以及Cocos Studio的基本操作，如创建工程，导入工程，发布资源项目，认识操作面板等。
（3）使用Cocos Code IDE创建并运行Hello World工程，使用Cocos Studio制作登录界面，并导出资源，在Cocos Code IDE中使用
导出的资源，并运行工程。

4. 侧重游戏逻辑的开发人员：

4.1 学习目标

对于侧重游戏逻辑的开发人员，你需要深入掌握JavaScript开发语言，并侧重关注关于游戏引擎的使用，游戏运行优化，
    游戏逻辑设计，熟练使用Cocos Code IDE，了解如何使用从Cocos Studio中导出的资源，对项目结构需要有一个清晰的认识。

4.2 入门学习

入门学习，还是比较推荐查看官网文档，还有官网的教程部分，注意，一定要一边学习，一边实践操作。光看不练是学不会的。

4.3 提高升华

至于提高升华，我认为，很有必要把官网给出的js-tests好好研究一边，比看官网的api文档要好很多。至于最后的提升，当然是，
关于游戏优化，游戏算法，JavaScript语言的深入理解，游戏机制的理解等方面，多实战，多成长。

5. 侧重界面设计的开发人员：

5.1 学习目标

对于侧重界面设计的开发人员，你需要熟练使用Cocos Studio，以及一些其他的游戏开发工具，如地图开发工具，合图开发工具等。
你需要深入掌握骨骼动画的制作等。主要以Cocos Studio为核心进行学习。你需要掌握JavaScript的基本使用，熟练掌握如何在
Cocos Code IDE中使用Cocos Studio导出的资源，最重要的是如何进行资源定位，控件获取等。

5.2 入门学习

入门学习，特别推荐官网上的文档部分，官网提供了一个学习入门的素材案例，可以跟着官网的教程一步一步实践学习，进步非常大。

5.3 提高升华

至于挺高升华，建议着重学习Cocos Studio制作地图，制作帧动画，骨骼动画等方面的知识，可以查看官网的教程部分，关于
Cocos Studio的教程。当然了，最后的升华，由于是做设计的，最重要的还是基础技能过硬，然后有自己的独特感悟，有很高的审美水平等。

三、总结

关于Cocos2d-JS游戏开发入门指导，到这里就结束了。无论对于侧重游戏逻辑的开发者还是侧重游戏界面设计的开发者，我觉得对
整个游戏的全貌有一个基本的了解之后，再侧重学习自己主攻的部分，效果会好很多。多实践，多练习，是提高的根本。
    我提倡的学习模式是：整体 => 部分 => 整体，当然了，可以适当循环处理。只有这样，你才能既有大局观念，又有专攻特长。
这样前端界面设计和后端游戏逻辑处理才能完美地配合在一起，毕竟游戏开发，不是一个人的事，是一个团队的智慧，一个大家庭的奋斗！

PS：如果你有任何疑问，欢迎留言，一起讨论，一起进步。