啟動畫面

教學

這是一個很簡單的教學,用來讓你理解 GUI 子系統運作的基本概念。教學的目標就是要製作一個簡單的靜態啟動畫面。

../../_images/robisplash_result.png

下面這個檔案包含了所有要用到的資源。解壓縮後的檔案可以直接放在專案資料夾內,Godot 會自動匯入。

robisplash_assets.zip

設定

在專案設定中將螢幕解析度設為 800x450,並如下設定一個新場景:

../../_images/robisplash_scene.png

節點「background」與「logo」為 TextureRect 型別。要顯示圖片,將對應的圖片資源拖移至 texture 屬性內。

../../_images/robisplash_background_inspector.png

節點「start」為 TextureButton 。這個節點每個不同的狀態需要不同的圖片,但在這個教學中只用到 normal 與 pressed:

../../_images/robisplash_button_inspector.png

最後,「copyright」節點為 Label

最後場景應該長這樣。

../../_images/robisplash_editor.png

接著執行專案。如果你覺得結果不錯的話,請繼續下一個教學。