Mac下Cocos2D-JS安裝和使用(一)

HelloWorld.png

介紹:

Cocos2d-x是一套開(kāi)源的跨平臺(tái)游戲開(kāi)發(fā)框架习柠。引擎核心采用C++編寫,提供C++照棋、Lua资溃、JavaScript三種編程語(yǔ)言接口。引擎中提供了圖形渲染烈炭、GUI溶锭、音頻、網(wǎng)絡(luò)梳庆、物理暖途、用戶輸入等豐富的功能。Cocos2d-x適配iOS, Android, HTML5膏执,Windows Phone, Tizen, PC Windows和Mac OS X系統(tǒng)驻售,功能側(cè)重在手機(jī)原生和HTML5兩大領(lǐng)域,并積極向3D和VR領(lǐng)域延伸擴(kuò)展更米。 截止2016年欺栗,Cocos2d-x在全球擁有近百萬(wàn)注冊(cè)開(kāi)發(fā)者,游戲在中國(guó)暢銷榜上占據(jù)50%數(shù)量征峦,日韓美等各國(guó)占20%迟几,是中國(guó)第一、全球第二的手機(jī)游戲引擎栏笆。

官網(wǎng):http://www.cocos.com

安裝:

這里有兩個(gè)選擇:第一個(gè)是使用官方的開(kāi)發(fā)工具去開(kāi)發(fā)类腮,但是聽(tīng)說(shuō)不是很穩(wěn)定,公司用的cocos2D-x開(kāi)發(fā)框架蛉加。所以這里重點(diǎn)說(shuō)一下第二種蚜枢。

1.Cocos Creator

Cocos Creator是以內(nèi)容創(chuàng)作為核心的游戲開(kāi)發(fā)工具,在Cocos2d-x基礎(chǔ)上實(shí)現(xiàn)了徹底腳本化针饥、組件化和數(shù)據(jù)驅(qū)動(dòng)等特點(diǎn)厂抽。
Cocos Creator基于開(kāi)源框架Cocos2d-x,實(shí)現(xiàn)了一體化丁眼、可擴(kuò)展筷凤、可自定義工作流的編輯器,并在Cocos系列產(chǎn)品中第一次引入了組件化編程思想和數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)設(shè)計(jì)苞七,這極大地簡(jiǎn)化了Cocos2d-x開(kāi)發(fā)工作流中的場(chǎng)景編輯藐守、UI設(shè)計(jì)挪丢、資源管理、游戲調(diào)試和預(yù)覽卢厂、多平臺(tái)發(fā)布等工作吃靠,是使用Cocos2d-x進(jìn)行團(tuán)隊(duì)協(xié)作開(kāi)發(fā)的最佳選擇。

new_creator.png

2.Cocos2D-x開(kāi)發(fā)框架

環(huán)境搭建:

從官網(wǎng)上下載:http://www.cocos.com/download

下載Cocos2D-x.png

下載解壓到你用戶名下足淆。

/Users/你的用戶名/

里面的文件是這樣的:


詳細(xì)文件.png

現(xiàn)在我把終端打開(kāi),cd 命令到這個(gè)文件夾里面礁阁。
如:

cd /Users/lanxiaofeng/cocos2d-x-3.14.1

輸入

./setup.py

然后一路回車巧号,看到安裝成功后。我們來(lái)創(chuàng)建第一個(gè)我們的Cocos2D-x的游戲姥闭。在終端輸入

cocos new demo -l js -d /Users/lanxiaofeng/Desktop

cocos new 新建項(xiàng)目的名字 -l 你要?jiǎng)?chuàng)建的語(yǔ)言 -d 你要?jiǎng)?chuàng)建的在哪里的路徑
這里我們選擇js語(yǔ)言丹鸿,然后創(chuàng)建到我的桌面。

打開(kāi)創(chuàng)建剛剛創(chuàng)建的文件夾棚品,里面文件如下:

demo文件夾.png

1.res文件里寸一個(gè)資源文件靠欢。
2.src文件夾里的app.js文件是我們游戲的入口文件。
3.frameworks/runtime-src/铜跑,下面你可以各個(gè)平臺(tái)的文件夾门怪,我們打開(kāi)proj.ios_mac文件。用Xcode打開(kāi)項(xiàng)目锅纺,編譯運(yùn)行你就看到你的游戲了掷空。
這里大概的意思是,每個(gè)平臺(tái)的都是連接到同一個(gè)地方囤锉。我們只要去編輯同一個(gè)地方就OK坦弟。

cocos2d-x-architecture.jpg

具體看官網(wǎng)文檔:
http://www.cocos.com/docs/native/v2/getting-started/architecture-and-directory-structure/zh.html

我是用webStrom去開(kāi)發(fā)的,所以以webStrom為例子官地。
打開(kāi)webStrom酿傍,選擇open。

webStrom.png

選擇前面我們創(chuàng)建的demo文件夾驱入,打開(kāi)赤炒。
如圖:

webStrom-1.png

雙擊app.js,修改第十九行,隨便你寫什么沧侥。這句話的意思是創(chuàng)建一個(gè)Label可霎,然后設(shè)置它的x值和y值。
這里的app.js,是系統(tǒng)為我們寫的一個(gè)的場(chǎng)景宴杀。
具體介紹請(qǐng)看后面的介紹癣朗。

webStrom-2.png

現(xiàn)在雙擊左邊的index.html,然后右上角點(diǎn)擊調(diào)試運(yùn)行旺罢。

webStrom-3.png

你就可以在瀏覽器看到游戲的運(yùn)行的效果了旷余。

webStrom-4.png

后續(xù)我們還會(huì)詳細(xì)介紹Cocos2d-js绢记。

Mac下Cocos2D-JS安裝和使用(二)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市正卧,隨后出現(xiàn)的幾起案子蠢熄,更是在濱河造成了極大的恐慌,老刑警劉巖炉旷,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件签孔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡窘行,警方通過(guò)查閱死者的電腦和手機(jī)饥追,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)罐盔,“玉大人但绕,你說(shuō)我怎么就攤上這事』炭矗” “怎么了捏顺?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)纬黎。 經(jīng)常有香客問(wèn)我幅骄,道長(zhǎng),這世上最難降的妖魔是什么本今? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任昌执,我火速辦了婚禮,結(jié)果婚禮上诈泼,老公的妹妹穿的比我還像新娘懂拾。我一直安慰自己,他們只是感情好铐达,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布岖赋。 她就那樣靜靜地躺著,像睡著了一般瓮孙。 火紅的嫁衣襯著肌膚如雪唐断。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天杭抠,我揣著相機(jī)與錄音脸甘,去河邊找鬼。 笑死偏灿,一個(gè)胖子當(dāng)著我的面吹牛丹诀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼铆遭,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼硝桩!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起枚荣,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤碗脊,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后橄妆,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體衙伶,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年害碾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了痕支。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蛮原,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出另绩,到底是詐尸還是另有隱情儒陨,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布笋籽,位于F島的核電站蹦漠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏车海。R本人自食惡果不足惜笛园,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望侍芝。 院中可真熱鬧研铆,春花似錦、人聲如沸州叠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)咧栗。三九已至逆甜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間致板,已是汗流浹背交煞。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留斟或,地道東北人素征。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親稚茅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子纸淮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 由于工作需要,近期將記錄Cocos2d-JS的學(xué)習(xí)實(shí)戰(zhàn)亚享,Spring源碼還是會(huì)繼續(xù)咽块。進(jìn)入cocos2d-JS的學(xué)習(xí)...
    holly_wang_王小飛閱讀 2,638評(píng)論 0 14
  • Cocos2d-x是一個(gè)開(kāi)源的移動(dòng)2D游戲框架,MIT許可證下發(fā)布的欺税。這是一個(gè)C++ Cocos2d-iPhone...
    黃花菜已涼閱讀 1,102評(píng)論 1 3
  • 有點(diǎn)懶得把圖片傳上來(lái)了侈沪,請(qǐng)移步這里看 Cocos官方論壇-wiki CocoaChina論壇帖子 上面兩個(gè)是一樣的...
    椒鹽老蟶閱讀 5,205評(píng)論 1 6
  • 科普 Cocos Creator是觸控最新一代游戲工具鏈的名稱。如果不太清楚的晚凿,可以先看一些新聞亭罪。 新編輯器Coc...
    麒麟子閱讀 5,612評(píng)論 5 13
  • (本文由王海原創(chuàng),轉(zhuǎn)載請(qǐng)保留版權(quán)<呋唷) 六點(diǎn)应役,醒來(lái)。 被外面噼噼吧吧的鞭炮聲吵醒燥筷。 年箩祥,終于結(jié)束了。 七點(diǎn)肆氓,起床袍祖。 ...
    秦連蘇閱讀 363評(píng)論 0 0