本文主要介紹Cocos Creator 編輯器界面中幾個常規的面板功能,讓新手了解編輯器界面中常規的面板功能,更好的使用Cocos Creator 編輯器。
一、編輯器界面常規面板劃分
Cocos Creater編輯器默認樣式如上,主要包含:1、工具欄,2、層級管理器,3、場景編輯器,4、屬性檢查器,5、資源管理器,6、動畫編輯器,7、控制臺等。
二、編輯器主要面板功能介紹
1、工具欄
菜單欄?位于編輯器頂部,包含了所有高級命令和設置選項。
文件 (File):?項目的新建、打開、保存、構建發布設置都在這里。
編輯 (Edit):?撤銷、重做、拷貝、粘貼等通用操作,以及編輯器偏好設置(Preferences),如設置編輯器語言、主題顏色等。
節點 (Node):?創建各種基礎節點(空節點、UI節點、渲染節點等)的快捷入口。
組件 (Component):?為當前選中節點添加各種內置組件的菜單,如渲染、UI、物理、腳本等。
項目 (Project):?項目相關的操作,如刷新資源數據庫、運行預覽等。
面板 (Panel):?控制編輯器內各個功能面板的顯示與隱藏,你可以在這里自定義你的工作布局。
擴展 (Extensions):?擴展管理器的入口,用于安裝、管理和開發編輯器擴展,極大地增強了編輯器的可定制性。
幫助 (Help):?訪問官方文檔、教程、社區論壇和關于信息,遇到問題時首先想到的應該是這里。
預覽欄?目前允許多種預覽方式,包含?編輯器內、瀏覽器?和?模擬器
構建發布按鈕可對項目進行構建發布
2、層級管理器
層級管理器 通常位于編輯器左側,以樹狀結構展示當前場景中的所有節點。
節點關系:?清晰地展示了節點之間的父子層級關系。子節點會繼承父節點的變換(位置、旋轉、縮放),這對于組織復雜場景結構至關重要。
創建節點:?可以右鍵點擊空白處或父節點來創建新的節點。
搜索過濾:?頂部搜索框可以快速按名稱查找節點。
節點管理:?可以在這里方便地選擇、重命名、啟用/禁用、刪除節點,以及通過拖拽調整節點層級關系。
3、場景編輯器
場景編輯器?編輯器的核心區域,用于可視化地設計和搭建游戲場景。
可視化編輯:?所見即所得,你可以在這里直接拖拽節點調整位置,使用工具欄工具進行變換。
場景導航:?使用鼠標中鍵平移視圖,滾輪縮放視圖,
F
?鍵可以聚焦當前選中的節點,Ctrl/Cmd + F
?可以讓節點充滿整個視圖。Gizmo 操控:?選中節點后,會顯示用于變換的 Gizmo(操控手柄),方便進行精確調整。
多場景編輯:?支持同時打開多個場景進行編輯。
4、屬性檢查器
屬性檢查器?通常位于編輯器最右側,是查看和修改節點或資源所有屬性的核心面板。
屬性配置:?當選中層級管理器中的一個節點時,這里會顯示該節點上所有掛載的組件(如 Transform、Sprite、Button、自定義腳本等)及其屬性。你可以在此修改這些屬性值,所有更改會實時反映在場景中。
資源預覽:?當選中資源管理器中的一個資源(如圖片)時,這里會顯示該資源的導入配置和預覽信息。
腳本交互:?你編寫的自定義腳本組件也會在這里顯示為可配置的組件,公開的變量可以直接在屬性檢查器中賦值和調整,無需修改代碼,非常強大。
5、資源管理器
資源管理器?通常位于編輯器右下角,以文件夾樹的形式管理項目中的所有資源。
項目資產庫:?存儲所有游戲資源,如腳本、圖片(精靈)、聲音、字體、預制體(Prefab)、動畫剪輯等。
文件同步:?它與項目目錄下的?
assets
?文件夾是完全實時同步的。你既可以在操作系統中直接管理文件,也可以在資源管理器內進行創建、拖拽、刪除等操作。導入資源:?直接將外部資源文件拖入資源管理器即可導入項目。
預制體 (Prefab):?資源管理器的核心概念之一,將配置好的節點樹保存為可重復使用的預制資產,是保證項目可維護性的關鍵。
6、動畫編輯器
動畫編輯器 (Animation):?用于創建和編輯節點的幀動畫,支持可視化添加屬性軌道和關鍵幀。
7、控制臺
控制臺?通常以面板形式停靠在底部,是開發者調試的“最佳搭檔”。
日志輸出:?顯示代碼中使用?
cc.log()
,?cc.warn()
,?cc.error()
?等方法打印的日志信息。錯誤警告:?顯示項目運行時的 JavaScript 錯誤、警告以及資源加載失敗等信息。
調試功能:?支持清除日志、過濾日志類型、打印調用棧等,是定位和修復 Bug 的必備工具。
? console.log()
:輸出日志,灰色文字,通常用來顯示正在進行的操作。
? console.warn()
:輸出警告,黃色文字,用于提示開發者最好進行處理的異常情況,但不處理也不會影響運行。
? console.error()
:輸出錯誤,紅色文字,表示出現了嚴重錯誤,必須解決才能進行下一步操作或者運行游戲。
注:由于Cocos Creater編輯器有很多功能,在這里我們只是大致講解主要功能,每一個面板具體功能,我們在后面的開發使用中一一的講解。