cocosjs学习, cocosjs

更新：2022-11-17 16:08

本文目录一览：

自学cocos2d js游戏开发应该按什么步骤进行
想学cocoscreator，请教学习路线，先要学cocos2d-js吗
cocos js 怎样做出按钮选中效果
现在的Cocos开发前景怎么样？什么地方可以学？
cocos-js怎么做保卫萝卜

自学cocos2d js游戏开发应该按什么步骤进行

跟你简要说一下我的自学路，以免你走弯路 背景： 有工作，而且很忙；在不影响工作基础上用业余时间鼓捣（经常会因为工作耽搁学习进度）；基本没技术背景（初中qbasic、高中pascal半吊子），大学文科，工作也不是搞代码。因此我感觉我的自学路跟你还是挺契合的。

两年前的一天，决定要做独立游戏制作人。选定引擎cocos2d，开始学习objective-c语言；（如果你打算只在iOS平台开发可以学obj-c配合cocos2d或者sprite kit；如果打算跨平台就要用cocos2d-x和c++了；当然unity什么的也不错但是我还没尝试过，一直很向往）
我跳过了iOS程序开发（似懂非懂看完了斯坦福那一系列的教学视频），结合当时情况直接选择了cocos2d引擎，这时开始接触 @吴一刀推荐的博客；我主要看的是子龙山人 - 博客园、Ray Wenderlich、Himi黑米GameDev街区这些博客里最基本的例子，知易那个以我当时的水平还看不懂。
尝试开始设计自己的简单游戏，我做打地鼠！当然比教学例子里的打地鼠复杂多了。
这个过程中发现自己懂的实在是不够，所以又开啃这本书：Learn cocos2d 2 by Steffen Itterheim Andreas Low。
慢慢的发现需要一些趁手的工具和编辑器，并发展出一套自己构建于cocos2d之上的游戏设计架构。我目前的情况是这样：
- 关卡编辑我使用plist文件配合自己写的类；
- sprite sheet使用TexturePacker；
- 动画/UI编辑最初自己手写太累，后来选择了cocosbuilder，请注意现在这个软件已经停止维护，转而引导用户使用SpriteBuilder（域名都做了自动跳转；SpriteBuilder我木有研究过，建议你研究一下）。
- 粒子编辑我自己还没实际用到，如果真正需要我感觉cocosbuilder的够我用的。//更新：后来用到了ParticleDesigner和cocosbuilder两个软件的粒子编辑混搭当时我遇到的一个大麻烦是如何让cocosbuilder、cocos2d版本互相兼容且cocosbuilder无问题。大概情况是这样：cocosbuilder2.1和cocos2d-iphone2.0及2.1版本都不协调怎么办？；What version of Cocosbuilder and Cocos2d-iphone should I choose? 目前我使用的cocosbuilder 2.1版本（渐变层有bug、并且很可惜动画播放完没有触发消息的机制，我只好把每个动画时长都手动记录一下自己处理） ======3月12日更新======
  在 @GarfieldKwong 指点下发现这个版本动画播放完是可以触发消息机制的，更高级版本3.x支持的效果应该是在动画中就加入callback的关键帧
  新技能get√
  具体代码可见下面学习案例的第一个例子里Explosion部分
  ===================== cocosbuider的学习可以看两个例子：Creating a Game with CocosBuilder；Introduction to CocosBuilder；然后就是多用多尝试。
整个学习过程要学会查资料、学会寻求帮助，我主要用的stackoverflow（话说刚刚发现stackoverflow的reputation喜过15，终于可以投票了:）在学习过程中得到了子龙山人（我认为本尊是这位 @屈光辉）、LearnCocos2d作者Steffen、 @kubisoft 以及众多网上朋友的帮助，再次表示感谢。
硬件及开发者资格：看完c开始看obj-c，这个过程一直是使用的vmware虚拟机安装的mac系统写程序；然后入手一个最便宜的mac pro、以及iPhone，尝试玩各种游戏；从看c开始大约过了1年半（已经有非常简陋的游戏demo）才真正购入iOS开发者资格并开始真机测试。
尝试过的一些其他工具、各种弯路和坑、以及发散内容：
- 可以拖拽方式写代码的stencyl Stencyl: Make iPhone, iPad, Android Flash Games without code；
- 最初学的不是ojc-c而是谭浩强老师的c程序设计（虽然有人不喜谭老师，但那书是中文的让我对面对对象程序设计有一些初步的概念，再看英文的obj-c不至于太摸不着头脑，反正手头正好有这么一本买了6年没看的c。。。）；
- 尝试过Tiled Map Editor但自己目前的坑没有用到；
- 尝试过一点物理引擎和粒子，但自己目前的坑没有用到；现在粒子用到了，做了火焰等效果，也挺美的；但是一定要注意CPU占用优化，内存方面我最低支持4S没遇到大问题；
- 学习音乐制作，这个我小时候学琴一直也喜欢音乐所以有一点点底子，如果没有基础可能上手有门槛；开始用的软件LMMS，但是音源插件在64位系统的问题我一直没解决掉时间精力也不多，所以是暂时停滞了；最近发现Garage Band可能也可以写歌；另外还试过一个很有历史的微软的音乐自动编辑器，很好玩，用来做背景音乐也不错；
- 入手手绘板学画画（这中间纠结了好久才决定用位图不用矢量图），如果你能找到热爱游戏的美术同学一起搞那最好不过。但是我一直对画画心痒难搔。。。所以入了这个深坑，晒一晒：

想学cocoscreator，请教学习路线，先要学cocos2d-js吗

因为开发的流程不一样，所以不用学习cocos2d-js直接学习creator就好了，而且官方现在也是主推creator，所以直接creator即可。学习的话前提是需要会js哦。

cocos js 怎样做出按钮选中效果

cocos js 做出按钮选中效果示例：

一，首先使用cocos新建一个Cocos2d-js的新项目，然后再cocostudio中创建一个场景，在场景中添加三个按钮分别设置三态的图片

二，打开编辑器，实现代码如下：

var HelloWorldLayer = cc.Layer.extend({
    ctor:function () {
        this._super();
        //导入cocostudio中拼好的界面
        mainscene = ccs.load(res.MainScene_json).node;
        this.addChild(mainscene);
        this.teamButton = ccui.helper.seekWidgetByName(mainscene,"Button_0");
        var btn2 = ccui.helper.seekWidgetByName(mainscene,"Button_1");
        var btn3 = ccui.helper.seekWidgetByName(mainscene,"Button_2");
        //先默认设置一个按钮为选中状态
        this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT);
        this.teamButton.setEnabled(false);
        var teamInfo = this.teamButton;
        this.teamButton.addTouchEventListener(this.selectedBtn1,this);
        btn2.addTouchEventListener(this.selectedBtn2,this);
        btn3.addTouchEventListener(this.selectedBtn3,this);
        return true;
    },
    selectedBtn1: function (sender, type) {
        if(type == ccui.Widget.TOUCH_ENDED){
            this.callBack(sender);
            cc.log("==========商店界面");
        }
    },
    selectedBtn2: function (sender, type) {
        if(type == ccui.Widget.TOUCH_ENDED){
            this.callBack(sender);
            cc.log("==========卡牌界面");
        }
    },
    selectedBtn3: function (sender, type) {
        if(type == ccui.Widget.TOUCH_ENDED){
            this.callBack(sender);
            cc.log("==========战斗界面");
        }
    },
    callBack: function (sender) {
        if (this.teamButton == sender){
            return;
        }else{
            this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_NORMAL);
            this.teamButton.setEnabled(true);
            sender.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT);
            sender.setEnabled(false);
            this.teamButton = sender;
        }
    },
});
var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});

三，运行就可以查看界面，点击不同的按钮显示不同的输出结果

[Log] ==========商店界面 (CCDebugger.js, line 331)
[Log] ==========卡牌界面 (CCDebugger.js, line 331)
[Log] ==========战斗界面 (CCDebugger.js, line 331)

现在的Cocos开发前景怎么样？什么地方可以学？

你好，Cocos开发的学习有四个阶段，分别是：

第一阶段：【C/C++游戏编程语言开发基础】

本阶段从C、C++程序语言开始学习，逐步深入了解cocos2d内部游戏编程机制，熟练使用编程语言，如何综合运用C语言创建电脑游戏，初步了解最基础的游戏开发编程。

第二阶段：【Cocos2d基础开发】

本阶段把握Cocos2d-JS 的基本使用，包括创建项目、认识基础元素、cocos2dx引擎原理，引擎基础使用等等，进行阶段性实践，全面掌握Cocos2d-JS 进阶知识，如物理引擎Box2d的使用、游戏算法、多平台开发等等，使学员对Cocos2d-x有更深一步的了解。

第三阶段：【商业项目实战+服务端+跨平台】

本阶段将ARPG类游戏实战项目开发，强化游戏架构设计、功能版块的开发、数据交互等等，全面提高学员的游戏编程、管理、封装、框架能力，提升项目开发能力，提高学员就业竞争能力和创业管理意识，以及多平台发布能力。如果你感兴趣的话，可以到龙图教育来了解一下详细的情况。

cocos-js怎么做保卫萝卜

Cocos2d-x是跨平台的框架，用C++，包括windows、ios、android、linux等都可以移植。 Quick-Cocos2d-x是在Cocos2d-x上加了一些功能，具体我也没用过，我只用过Cocos2d-x。而Cocos2d-js是用JS语言，主要是用于网页端游戏的开发。 Cocos Studio主要是游戏界面和动画的设计。 Cocos Code IDE是cocos官方发布的编程开发环境。如果不用官方的，我们可以用eclipse和vs等其他IDE，配置好之后进行开发。

cocosjs学习,cocosjs