cocos creator 入門簡介
一、安裝cocos creator 與IDE
cocos creator下載鏈接:https://www.cocos.com/products#CocosCreator,安裝的時候傻瓜式安裝即可,當(dāng)然也可以自己改路徑。
cocos creator最好用最契合的IDE——VSCode:https://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)目吧!