close

現在讓我們了解ShiVa3D的HUD介面,在電子書之小水滴的魔法裡有多大的功用吧!!

 

畫面一開始就顯示“點擊書本開始”,如果要讓書可以觸發一個事件,必須將書本套用感測器並且設定標籤,讓腳本可以抓到’書’這個物件,再透過onMouseButtonDown事件,判斷是不是點擊到’書’的感測器…….以下省略,因為過程有點繁瑣…

 ShiVa 3D  

 

不覺得這樣有點累人嗎??所以,這時可以利用ShiVa3D內建的HUD介面。就可以輕鬆達成任務。

 

首先在UserAI新增onEnter事件,讓UserAI和HUD可以進行聯結溝通

ShiVa 3D   

 

建立新元件和行為指令,並且元件要疊在書的上面

 ShiVa 3D   

將類型設為’按鈕’,並且將位置和大小和 ‘書’ 重疊在一起

 ShiVa 3D   

將背景和邊框色Alpha設為0,這樣就看不見書上面的按鈕,但實際上依然存在。

 ShiVa 3D  

 

最後套用行為指令,讓按鈕在點擊時,可以呼叫onEnter事件,這樣就可以輕鬆的進入頁面。

 ShiVa 3D  

現在要將HUD顯示出來,在UserAI新增狀態Title_state,並且’設為預設之有限狀態’,這樣遊戲一執行,就會直接運作裡面的腳本。

 

開啟Title_state_onEnter 設定顯示HUD介面

 ShiVa 3D  

 

開啟Title_state_onLeave 設定移除HUD介面

 ShiVa 3D  

 

HUD介面除了設定 ‘Enter’按鈕,也可以設定logo標籤,如果不進行刪除,介面會一直顯示在書本內頁。

 ShiVa 3D  

別忘了HUD必須在 ShiVa3D 裡的Game Editor / 資源庫中,不然會有錯誤訊息。

 ShiVa 3D  

 

這樣在視覺上以為是點擊到書本才開始動作,但實際上是點擊到Enter按鈕

 ShiVa 3D

 

這樣HUD介面就完成了!!有效的利用HUD介面,可以更快速的開發遊戲喔!!

arrow
arrow
    創作者介紹
    創作者 Shiva3D 的頭像
    Shiva3D

    【Shiva3D教學】手機遊戲開發、App設計、電子書製作等教學資料下載

    Shiva3D 發表在 痞客邦 留言(0) 人氣()