cocosCreator 入門(一) 目錄結構及代碼配置


官網:https://www.cocos.com/

參考:https://docs.cocos.com/creator/manual/zh/getting-started/project-structure.html

配置: MacOS 10.12.6  CocosCreator2.3.3 JavaScript

 

引擎結構

查看cocosCreator的引擎代碼相關,步驟:

cocosCreator簡單的說,主要有三部分組成:編譯器,cocos2d-x, cocos2d-js。我們可以打開:

應用程序 -> CocosCreator(文件夾) -> Creator -> 2.3.3 -> CocosCreator -> 顯示包內容 -> Contents -> Resources 

cocos2d-x: cocos2d-x版本的刪減版,比如刪除了一些其他平台的支持,僅保留了IOS, Android, Windows版本;刪除了Lua庫支持相關

engine/cocos2d: cocos2d-js刪減版本,僅保留了為編譯器和打包所需要的文件

engine/editor: 編譯器相關

它采用ECS(Entity Component System)組件設計模式,該模式的特點就是將各種功能封裝成組件的形式,然后將組件掛載在指定的容器節點上。

該設計模式提倡使用組合代替繼承,可以很好的封裝和重用功能組件,並且可以輕松的擴展引擎。

 

目錄結構

使用Dashboard創建EmptyProject后,其項目目錄結構為:

(標記部分用於Git版本控制)

.gitgnore 忽略配置文件相關,新建項目后自動生成,用於Git版本控制相關

assets資源文件夾相關,用於放置游戲中的資源,腳本等文件,放置在該目錄下的文件才能在資源管理器中顯示。

creator.d.ts/jsconfig.jsonJavaScript API智能提示相關

操作步驟:開發者 -> Vs Code工作流 -> 更新Vs Code智能提示數據。

注意:javScript項目勿點擊 添加TypeScript項目配置會生成tsconfig.json導致javaScript智能提示無效。

若出現此問題,刪除tsconfig.json文件

library:資源庫相關,將assets中的資源導入后生成,該目錄下文件丟失或損壞的時候,刪除后打開項目就會重新生成。

local:本地配置相關,包含編譯器面板布局,窗口大小,位置等信息。

packages擴展相關 ,用於放置項目自定義擴展插件,若想卸載插件,在packages下刪除指定文件夾即可。

project.json項目配置文件,和assets在一起用於驗證cocosCreator項目合法性的標志。

settings項目設置相關,如構建發布菜單里的包名,場景和平台選擇等。

temp:臨時文件夾相關,用於緩存cocosCreator在本地的臨時文件

build:  在第一次構建發布后才會生成,構建發布相關:項目 -> 構建發布

 

assets說明:

該路徑下的資源包含文件夾在導入后都會生成對應的.meta資源配置文件, 通常情況下我們會創建4個文件夾:res, resource, scene, scripts

res\resources: 放置資源文件相關

--[[
res:主要放置編譯器所需要的靜態資源
resources:主要放置動態加載的資源,即通過cc.loader.loadRes來加載的資源

如果不需要動態加載,就不要放置到resources文件夾中。
這樣設置的原因主要是為了避免將所有資源放置在res中而導致打包后的包體文件settings.json過大。
--]]

scene:場景文件相關,文件夾中格式為.fire

scripts: 腳本文件相關

 

該配置文件在編譯器中是不可見的,若對資源執行了刪除等操作,都會由編譯器自動同步。假設我們創建了game的場景文件,其配置信息為:

-- game.fire.meta 資源配置文件
{
  "ver": "1.2.7",
  "uuid": "9efb26cf-2a11-40fc-89bc-db4a1639e842",
  "asyncLoadAssets": false,
  "autoReleaseAssets": false,
  "subMetas": {}
}

--[[
ver: 
uuid: 資源的唯一標識,編譯器在查找資源時通過uuid查找,我們也可通過該屬性查找指定資源
asyncLoadAssets: 屬性檢查器中設定,是否延遲加載資源
autoReleaseAssets: 屬性檢查器中設定,是否自動釋放資源
subMetas:
]]

 

IDE配置:

編寫腳本可使用微軟推出出的Visual Code,該編譯器可輕松實現語法高亮,智能代碼提示等功能。

下載地址:https://code.visualstudio.com/

安裝成功后,在cocosCreator中的配置有:

1. 智能提示相關

開發者 -> VS Code工作流 -> 安裝VS Code擴展, 控制台成功提示:VS Code extension installed to ...

開發者 -> VS Code工作流 -> 更新VS Code智能提示,控制台成功提示: API data generated and copied to ...

2. 設置默認編譯器相關

CocosCreator -> 偏好設置 -> 數據編輯 -> 外部腳本編譯器

設置為Visual Studio Code.app 這樣可保證雙擊javaScript腳本從Vs Code中打開指定文件。

3. 設置VsCode目錄文件顯示和搜素過濾相關

Code -> 首選項 -> 設置,在搜索目錄下輸入“exclude”, 然后在

Files:Exclude中添加:

**/.git
**/.DS_Store
**/*.meta
library/
local/
temp/

Search:Exclude中添加:

**/node_modules
**/bower_components
build/
temp/
library/
**/*.anim

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM