編輯器圖示

當你建立新類別並讓它可用於腳本時,編輯器介面預設會以該類別所繼承的基底類別圖示顯示。絕大多數情況下,仍建議為新類別設計專屬圖示,以提升使用者體驗。

建立圖示

要建立新圖示,請先安裝向量繪圖軟體,例如開源的 Inkscape

將包含所有編輯器圖示的 godot 儲存庫複製到本地端:

git clone https://github.com/godotengine/godot.git

圖示必須以 SVG 格式向量圖建立,並需遵循兩項主要規範:

  • 圖示尺寸必須為 16×16。於 Inkscape 可透過「檔案 > 文件屬性」設定大小。

  • 線條應儘量吸附至像素,以便在低 DPI 下維持清晰。可於 Inkscape 開啟 16×16 格線協助對齊。

完成圖示設計後,將檔案儲存至剛才複製的儲存庫的 editor/icons 目錄下,檔名須符合預期類別名稱且區分大小寫。例如要為 CPUParticles2D 建立圖示,檔名應為 CPUParticles2D.svg

亮色主題下的圖示色彩轉換

若使用者將編輯器設定為亮色主題,Godot 會根據 一組預設色彩對應 自動轉換圖示顏色,以確保有足夠對比。請盡量將圖示的色票限制在上述清單中的色彩,否則圖示在亮色背景下可能會難以辨識。

備註

要在亮色主題下啟用圖示色彩轉換:
  1. Import > Import As > Texture2D

  2. editor/convert_colors_with_editor_theme 設為 true

圖示最佳化

由於編輯器會在載入時即渲染一次 SVG,圖示檔案應盡量保持精簡,以利高效解析。當 pre-commit hook 執行時,會自動使用 svgo 最佳化 SVG。

備註

最佳化步驟不會明顯影響圖示品質,但會移除如輔助線等僅供編輯時用的資訊。因此,若需日後修改,建議保留原始 SVG 檔。

整合與分享圖示

若你要貢獻至 Godot 本體,請發送 Pull Request,將最佳化後的圖示加入主儲存庫的 editor/icons 目錄。重新編譯引擎後,新類別的圖示就會自動套用。

你也可以於自製模組中建立專屬的自訂圖示。如果該模組不打算整合進 Godot 主專案,則無需額外發送 Pull Request,自訂圖示會在模組內自動生效。

關於建立模組圖示的詳細說明,請參閱 建立自訂模組圖示

疑難排解

若圖示未出現在編輯器中,請檢查:

  1. 每個圖示的檔名有無遵循上述命名規範。

  2. 是否已啟用 modules/svg (預設會啟用)。若未啟用 SVG 模組,編輯器將無法顯示圖示。

參考資料