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

原创 2014年01月18日 17:38:02

公告:

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,已你下载的为准 




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



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,和下面有点不一样




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



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





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

           13.0版本



13.1版本




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




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

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

                  


添加jdk,指定你的路径





添加plugin sdk









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

             

                    

 


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












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



联系笔者:

邮箱 :zuowen@makeapp.co 

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


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


相关文章推荐

三 手游开发神器 cocos2d-x editor 之基础工具 intellij idea

intellij idea 13 注册序列号:亲测有效  Orefa      00066-FEIQE-EEZDY-D9PBH-Z9W0E-SPJS1makeapp   00820-K2S8N-...

一 手游开发工具cocos2d-x editor初识

cocos2dx editor是开发跨平台的手机游戏工具 运行window和mac系统上,javascript脚本语言,基于cocos2d-x跨平台游戏引擎, 集合代码编辑,场景设计,动画制作,字体设...

Cocos2d-html5 搭建开发环境,运行 Hello World,JetBrains IDE Support

勤奋努力,持之以恒!

quick-cocos2d-x开发环境Lua for IntelliJ IDEA的安装

比较了sublime text2、LDT、Lua for IntelliJ IDEA之后,发现Lua for IntelliJ IDEA的代码提示支持得最好,现分享其安装过程如下: 下载Intel...
  • kyo7552
  • kyo7552
  • 2013年11月29日 01:02
  • 11195

python中的pandas包的数据清洗能力

pandas很强大,前几天公司要求利用已知用户身份证、手机号知道客户的星座、性别、年龄等相关信息做用户画像,刚刚开始想到用R语言来实现,后来想到以后性能的问题,放弃了,由于公司没sas,就用panda...

五、触摸事件的吞噬和传递

触摸事件是做cocos2d-x的基础。比如做新手引导。物品的拖动。弹窗的屏蔽层。诸如此类.做触摸事件,不要抱着试一试的心态下手,一定要弄透彻,不然出现问题了,你再试一试其实时间花的更多触摸事件主要需要...

cocos2d-js入门课程(一)下载与配置

最近在学习cocos2d-js,对比于cocos2d-x,js的版本更加轻巧,编译速度快,也比较方便发布。 我也是在自学,由于官方的文档非常少,而市面的书版本都比较低。所以把个人学习的经验分享一下。...
  • wwlxz22
  • wwlxz22
  • 2016年11月23日 16:09
  • 1064

Cocos2d-JS 环境搭建 for mac

最近和好基友决定学习下游戏开发,由于我们都是从事web开发的,所以经再三讨论研究,决定先弄个web版本玩儿玩儿。   那么问题来了,从无到有的游戏开发我们肯定是搞不定的。所以上网搜索了下当下流行...

Cocos2d-js读取csv文件工具类

在游戏开发中,一般会将一些游戏的配置信息保存到csv文件中,比如游戏有多个关卡,每个关卡失败之后的文案,分享的文案等等配置信息,我们在程序中通常就要读取csv文件的内容,然后通过代码解析文件数据,最后...

cocos2d-js 环境配置

入门的同学参考 1,下载cocos  工具     http://www.cocos2d-x.org/download      (中文网  http://www.cocos.com/ 没看到co...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二 CocosEditor For JS(Cocos2d-JS)工具下载和安装配置
举报原因:
原因补充:

(最多只允许输入30个字)