二 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,已你下載的爲準 




            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版本和下圖有點區別,不要介意,這裏什麼都不要操作,只需填寫名稱就行












很多朋友在配置時候或多或少會遇到各種問題,歡迎回復諮詢;



聯繫筆者:

郵箱 :[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


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



如果問題實在解決不了,請到論壇截圖說明:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章