[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置

公告:

1 以下安装步骤是基于 idea13.0,idea13.1可能有些差异,但基本一致的;



cocos2d-x  editor是基于intellij idea上的插件,下面我来介绍它的安装和配置 ,版本更新至1.5-idea13.1


所有代码,包括基础教程和实战项目都在github 下载,网盘现在有问题;


需要的工具清单:

      CocosEditor版本下载:(更新时间2014-03-25)(如果是mac系统一定要认真看链接里面的文章)  

      [ 下载过程稍微有点弯弯绕,因为没有正规的官网,无法一步到位,请各位童鞋多多谅解 ]  

        http://blog.makeapp.co/?p=419

     


      Intellij Idea选择(可以选择windows和mac os x,linux暂时不支持)注意选择 Ultimate Edition idea终极版 

         idea 13.0 :http://confluence.jetbrains.com/display/IntelliJIDEA/Previous+IntelliJ+IDEA+Releases    

         idea 13.1 :http://www.jetbrains.com/idea/download/

      


     jdk 下载地址 

         http://www.oracle.com/technetwork/java/javase/downloads/index.html    (因为idea运行 需要jdk,下载的是exe可执行文件,双击安装,如何安装jdk(一定要配好环境变量),可以百度一下)


   

安装步骤

                1  在你的工作盘中新建一个目录  \cocos2d-x game editor ,把刚才下载的三个工具放入新建目录里面 (小白注意新版本命名不再是cocos2dx-plugin.zip,已你下载的为准 


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第1张图片



            2 双击 ideaIU-13.0.1.exe 开始安装,一直点击下一步,注意把安装位置放在第一步里面新建的文件里 如下图 ;然后 配置安装到结束, 先不要run intellij idea;

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第2张图片[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第3张图片



3 回到目录发现多了一个  \IntelliJ IDEA 13.0.1目录,点进入 找到  \plugins ,把cocos2dx-plugin.zip 文件复制到该目录下,并且解压到当前文件夹(不要出现双层目录,如果是1.0final版本 目录名称是cocos2d-plugin 如下图中);如下图 笔者的目录是(D:\softwares\coco2d-x game editor\IntelliJ IDEA 13.0.1\plugins)


ps:如果是1.5-idea13.1新版本,应该出现cocoseditor,和下面有点不一样

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第4张图片



4  回到\IntelliJ IDEA 13.0.1目录,找到\bin目录,双击图标启动 idea (根据自己电脑配置选择  idea.exe  ,idea64.exe);

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第5张图片


5  idea是一套强大的java开发 工具,它是收费的,用户可试用30天,可以花钱购买序列号,方法自己解决(网上方法很多););如下图 (版权的东西笔者必须谨慎  图片中的序列号也划掉


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第6张图片




6 然后我们进入idea的欢迎界面,点击 create new project ,进入创建工程界面,如果我们发现了,cocos2dx-javascript 或者cocos2dx-js,说明我们插件安装成功;给工程命名和指定位置;(注意idea13.1界面有点不同,和下面图有点差异 ) (创建cocos2d-js 不要先创建cocos2d-android)

           13.0版本

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第7张图片[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第8张图片



13.1版本

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第9张图片



7 然后我们正式进入了开发主界面,发现已经创建了简单的游戏框架 。包括主函数入口,游戏主场景,资源Resources;一个.ccbx文件对应了.js文件;

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第10张图片



8  进入主界面后,我们开始配置cocos2dx-plugin插件,点击下图红色圈圈里的按钮,打开工程结构按钮;选择sdks,点击绿色的加号,添加jdk,找到工具清单中的第三个的目录(jdk1.7.0-64 已安装好的),点击添加;接着配置intellij platform plugin sdk,步骤如下图

如果sdks出现 1.7和 idea iu,说明插件配置成功;

                  [置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第11张图片


添加jdk,指定你的路径


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第12张图片



添加plugin sdk


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第13张图片


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第14张图片

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第15张图片

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第16张图片

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第17张图片


9 接着配置控制按钮,点击下面红色区域,点击 edit configurable,进入配置界面,点击左上角的绿色加号,选中cocos2d-JS,其他不变,更改名字为“hello”,platform就保持local,点击确定,回到主界面发现多了绿色三角按钮,点击出现虚拟机也支持js的调试,hello world完成!若果报错,可以关闭重启idea,可能错误就会消失,如果还是不行,欢迎回复反馈;

             [置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第18张图片

                    

 [置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第19张图片


最新的1.5版本和下图有点区别,不要介意,这里什么都不要操作,只需填写名称就行

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第20张图片


[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第21张图片





[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第22张图片




很多朋友在配置时候或多或少会遇到各种问题,欢迎回复咨询;



联系笔者:

邮箱 :[email protected] 

qq群:232361142    



Mac开发注意事项

1 模拟器第一次启动可能很慢,启动后就快很多;

2 以前的框架Resouces目录因为与Mac的目录冲突,需要更改为res,如何更改:选中Resources,找到菜单栏 Refactor–Rename把名字改为res,idea会自动全部重构,这是idea的强大之处;

3 每次运行的时候,必须把模拟器回归到主页,比如我跑了一次消灭星星,游戏在模拟器里面显示,我下一次运行的时候,模拟器必须点击主页键回到主页,然后再点击运行;mac开发稍微比window上繁琐一点,还存在优化的地方


楼下问题反馈:


1 解决idea很卡的方法:

idea的缺陷之一就是非常耗内存,idea安装目录下的bin,找到编辑 idea.exe.vmoptions /idea64.exe.vmoptions(根据自己电脑的位数是32还是64) ;

笔者电脑是4G内存,修改的前面两个参数:启动内存500M,运行内存1200M;运行起来一点不卡
-Xms500m
-Xmx1200m


2 cannot start compiler:the sdk is not specified for module "xxxx" .Specify the sdk at project structure dialog

[置顶] 二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置_第23张图片

1第一次 如果弹出这个,确定Project Sdk选择了jdk, 第二次弹出, 点击ok按钮确定,然后再运行,多尝试几次;

2 如果还不行,重启idea,把刚才项目删除,重新建立一个项目;

3确认jdk环境变量是否正确,原因:jdk装的不完全。没有配置classpath= .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;配置过后问题解决,具体如何配置,百度一下


Error running hello: Cannot run program "F:\cocos2d-x\IntelliJIDEA13.0.2\plugins\cocos2dx-plugin\platforms\cocos2d-x-2.2.1\win32\cocos2dx-game.exe" (in directory "F:\cocos2d-x\demo\hello\Published"): CreateProcess error=193, %1 ²»ÊÇÓÐЧµÄ Win32 ӦÓó

终于发现是因为xp系统乱码导致  在window7 ,window8上没发现这个问题  cocoseditor现在不支持低于7一下的系统


mac 上配置遇到些问题:

"/Applications/IntelliJ IDEA 13.app/plugins/cocos2dx-plugin/platforms/iphonesim" launch /var/folders/jw/1bpkdq0n0k79jhk7yq4bmz_w0000gn/T/cocos2dx-game.app -stdout /var/folders/jw/1bpkdq0n0k79jhk7yq4bmz_w0000gn/T/cocos2dx-game.app/game.out -stderr /var/folders/jw/1bpkdq0n0k79jhk7yq4bmz_w0000gn/T/cocos2dx-game.app/game.err
tail: /var/folders/jw/1bpkdq0n0k79jhk7yq4bmz_w0000gn/T/cocos2dx-game.app/game.out: No such file or directory

已修复


在第九步 -------------- “接着配置控制按钮,点击下面红色区域,点击 edit configurable,进入配置界面,点击左上角的绿色加号,选中cocos2d-JS,其他不变,更改名字为“hello” ------我点击进入配置界面选中 cocos2d-JS后都没什么反应呢~~~ 如何更改名字呢??

这是idea13.0和13.1引起的,请注意版本的选择


6 启动idea没发现cocos2d-js

确定你的plugins里面 cocoseditor解压到了本地目录 应该出现目录cocos2dx-plugin或者cocoseditor,而不是CocosEditor-1.0Final-13.0IDEA这样的目录


7 如果出现莫名其妙的问题,比如说存在cpp,object!=0等问题

1 打开项目不要import,应该是File-open,直接打开;

2 怎么也解决不了,就把idea卸载重装,注意卸载的时候不能只是删除安装包,也要找到C:\Users\xxx\.IntelliJIdea13 全部删除


Error:Android Source Generator: [hello] Android SDK is not specified

第一次配置不要选择cocos2d-android,而是选择cocos2d-js,先运行js项目,如果以后移植的话,在创建cocos2d-android



温馨提示:

如何关联cocos2d-html5和设置代码提示 请看第四篇博文:

http://blog.csdn.net/touchsnow/article/details/18701179


如何打开popstar,2048, flappy等项目

请直接File-Open打开,不要File-import,切记切记


后面基础教程网盘如果进不去,想获取基础教程snow的代码,请到github下载

https://github.com/makeapp/cocoseditor-samples



如果问题实在解决不了,请到论坛截图说明:

http://bbs.ityran.com/thread-11973-1-1.html


你可能感兴趣的:(JavaScript,editor,cocos2d-x,Cocos2D-x游戏引擎,window平台,手游开发工具)