Unity基礎UI介面3/3_圖片Texture

圖片Texture

  • 圖片的轉換功能,以飛機生命圖式轉換方法作為此章節的學習目標。開啟Game01場景,把Project專案視窗中UI資料夾的飛機生命更改為Sprite(2D and UI)格式
  • 在Hierarchy視窗中點選右鍵建立UI/Image命名為ImageBar,修改Pox X與Pox Y屬性為-10與10、Width與Height屬性為250與80、中心點與當前位置與偏移座標為右下角,把Project專案視窗中UI資料夾的Life3圖片拖曳到屬性視窗中的Source Image欄位。
  • 點選階層視窗中的UiControl物件,在屬性視窗中新增腳本_08_PlayerLifeSprite並開啟。

_08_PlayerLifeSprite腳本:

這時候突然發生錯誤。

因為之前的PlayerLife宣告為Float,陣列中不可以有小數,在此以程式碼轉成Int的方式解決。

點選Hierarchy視窗裡的UiControl拖曳ImageBar到屬性視窗中的ImageBar欄位,點選屬性視窗右上角的鎖,可以鎖住當前視窗,選擇Life0、Life1、Life2與Life3,一個一個照順序拖曳到陣列PlayerLife上。

最後在_05_PlayerMouse中添加,死亡後回到Menu場景的程式碼,飛機射擊遊戲就完成了。

相關文章

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *