Unity 2D小遊戲製作(四) :分數呈現 

 

  1. 計分板設置
  2. 計分同步

此篇效果 - 怪物隨機生成與死亡* * * * 

 

-  接下來進入完整教學   -

計分板設置

一、在場景中點選 右鍵 > UI > Image,此時場景中會出現一個Canvas (畫布),然後Image在它下面

 

二、把素材資料夾中的「計分框」拖曳到「Sprite」資料夾中,並把PNG設定成 Sprite

 

三、點選場景中剛剛新增的 Image,並點右鍵幫它更名為「Score」

 

四、點選場景中剛剛新增的Image,並找到Image上的 Image 屬性,找到 Image上的 Sprite Image 參數,並點擊右邊的圓球

 

五、選擇「計分框」圖片,此時在畫面中就可以看到一個計分框

 

六、選擇「Score」並用右鍵點選 > UI > Text,此時在Score下就會多出一個Text物件

 

七、選擇「Text」,並找到text,找到Alignment屬性讓文字置中,設定Color為白色,設定Size 為24,Text設定為「0

 

八、接著點選「Score」設定它的Transform X = -500,Y = 200Z = 0

 

九、記分板設置完成

 

計分同步

一、在Code資料夾中新增一段叫做「ScoreCode」的程式碼

 

二,在ScoreCode下新增下列的程式碼

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

 

public class ScoreCode : MonoBehaviour

{

    //宣告分數參數

    public static int Score;

    //宣告文字UI

    public Text ShowScore;

    void Update()

    {

        //讓UI文字與分數同步

        ShowScore.text = Score.ToString();

    }

}

 

三,接下來我們把「ScoreCode」(剛編輯好的程式碼)拖曳到「Score」物件上

 

四,接下來我們把Score物件下的Text拖曳到Score Code上的Show Score空欄位 

 

五,接下來我們開啟MonsterCode,並新增下列程式碼(記得Ctrl+S儲存)

  //怪物被打到玩家就加分

 ScoreCode.Score = ScoreCode.Score + 1;

 

六,接下來我們執行遊戲就可以看到,當我們消滅怪物就會自動加分

 

 

-------------------------------------------------------------------------------------------------------------------------------------

 

我們有粉絲專頁囉!!!       

如果怕有問題連絡不到我們,歡迎隨時私訊FB粉專哦!!!

https://www.facebook.com/Straying2018/

 

●     如果這篇文章有幫助到您,希望您能留言給予我們鼓勵 !  

●     對於文章有任何的建議,非常歡迎留言告訴我們哦 !!!  

●     有任何想知道的功能也歡迎告訴我們,我們會盡快寫成部落格分享給大家 !

 

 

 

arrow
arrow
    文章標籤
    分數 計分 怪物
    全站熱搜

    『迷途』 發表在 痞客邦 留言(2) 人氣()