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

前端之家收集整理的这篇文章主要介绍了万事开头难(一)——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:如果你有任何疑问,欢迎留言,一起讨论,一起进步。

猜你在找的Cocos2d-x相关文章