cocos creator 入門簡介

cocos creator 入門簡介

一、安裝cocos creator 與IDE

  • cocos creator下載鏈接:https://www.cocos.com/products#CocosCreator,安裝的時候傻瓜式安裝即可,當(dāng)然也可以自己改路徑。

  • cocos creator最好用最契合的IDE——VSCodehttps://code.visualstudio.com/(宇宙最強(qiáng)編譯器,免費(fèi)、開源、輕量、跨平臺、擴(kuò)展插件等等,它的優(yōu)點(diǎn)數(shù)不勝數(shù)。)

二、打開cocos creator,創(chuàng)建Hello World項(xiàng)目

  • 點(diǎn)擊Hello World,選擇右下角新建項(xiàng)目,即可創(chuàng)建一個文件夾為NewProject的hello world項(xiàng)目(當(dāng)然,后面自己熟練了可以直接創(chuàng)建空白項(xiàng)目)

    [圖片上傳失敗...(image-504999-1583484354838)]

三、成功創(chuàng)建之后,就會跳到cocos creator里面:

[圖片上傳失敗...(image-75dc63-1583484354839)]

下面我們就要重點(diǎn)講解這四部分,層級管理器、場景編輯器、資源管理器和屬性檢查器。

  • 層級管理器:在早期的版本中,還有一個名字:NodeTree——節(jié)點(diǎn)樹。所謂節(jié)點(diǎn)樹,其實(shí)是采用數(shù)據(jù)結(jié)構(gòu)中樹的概念。(大家如果不懂,其實(shí)想象一棵真實(shí)的樹就行了,節(jié)點(diǎn)樹就是指這棵樹)層級管理器下面的內(nèi)容就是節(jié)點(diǎn)啦,也就是節(jié)點(diǎn)樹的節(jié)點(diǎn)。(即樹的樹枝)這些節(jié)點(diǎn)就做Node,而我們就可以通過在節(jié)點(diǎn)樹里面添加節(jié)點(diǎn)來豐富這棵樹了。當(dāng)然,相信你也看到了這些節(jié)點(diǎn)都包含在一個Canvas里面,而Canvas就做畫布。因此,我們在這棵節(jié)點(diǎn)樹上添加節(jié)點(diǎn),想要這些節(jié)點(diǎn)能夠顯示在屏幕上,那么就要用到這個Canvas了。(即我們在畫布上作畫)

  • 場景編輯器:場景編輯器就是用來顯示層級管理器中的節(jié)點(diǎn),也就是我們的動畫。從上圖可以看到,background節(jié)點(diǎn)就是我們的背景墻,cocos就是我們的圖片,label就是我們的文本啦??偨Y(jié)就是我們在畫布上作畫,動畫就會顯示在場景編輯器里面了。(可以理解成電影其實(shí)就是一個個場景拼接來的)

  • 資源管理器:就做Assets。下面顯示我們最最最重要的文件夾——assets,那么請問我們NewProject項(xiàng)目就只有一個assets文件夾嗎?當(dāng)然不是,我們可以點(diǎn)擊磁盤去查看一下NewProject文件里面還有許許多多的文件夾。那為什么我們cocos creator只顯示了assets一個呢?其實(shí)我們對游戲所做的編輯就在assets文件夾就夠了,而其他的文件則不需要我們手動修改,由cocos引擎自動去修改。再仔細(xì)去看,下面有三個很重要的文件夾,Scene——場景,存放我們游戲的不同場景;Script——游戲腳本,我們對游戲編寫的代碼就在這個文件夾里面;Texture——紋理,這個可以暫時不用管。

  • 屬性檢查器:也叫Properties,是指節(jié)點(diǎn)的屬性。當(dāng)我們點(diǎn)擊層級管理器中的節(jié)點(diǎn)時,在屬性檢查器就可以看到每一個節(jié)點(diǎn)所對應(yīng)的屬性。例如我點(diǎn)擊cocos,可以看到屬性檢查器中,一個是Node,一個是Sprite。Node即我們的節(jié)點(diǎn),可以修改節(jié)點(diǎn)的位置、大小、顏色等等。而Sprite是精靈的意思,即圖片。只有添加了Sprite屬性的節(jié)點(diǎn)才能顯示圖片,不信你可以取消Sprite屬性旁邊的√,那么你就會發(fā)現(xiàn)場景編輯器中的cocos的圖片消失。

[圖片上傳失敗...(image-509ca3-1583484354839)]

[圖片上傳失敗...(image-892368-1583484354839)]

四、總結(jié)

好了,看了這么久,相信大家已經(jīng)蠢蠢欲動了??炜禳c(diǎn)擊你的cocos creator,開始你的第一個項(xiàng)目吧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

友情鏈接更多精彩內(nèi)容