Unity 2017使用UGUI實現大轉盤抽獎

2020-01-24 00:10:03

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了Unity 2017實現大轉盤抽獎的具體代碼，供大家參考，具體內容如下

涉及到的插件：Dotween

在“Hierarchy”面板創建一個Image，這個Image用來顯示大轉盤的那個圓盤，我用的UGUI里默認的那個圓圓的圖片，放大后很模糊，不過不打緊

這里寫圖片描述

接著創建一個Panel名字改成“獎品組”，這個是獎品的父物體，記得吧Panel里的Image，Canvas Renderer組件刪了
然后在創建一個Panel名字改成“Awar”用制作獎品的，一樣的吧Image，CanvasRenderer組件刪除

然后在Awar中創建Image，Text，分別吧名字改為“Ico，desc”，然后設置一下自己想要的效果，我設置的Ico上方，Desc下方

如圖：

這里寫圖片描述

結構圖：

這里寫圖片描述

*需要注意的地方：把Awar的小藍點移動到圓盤的中心如圖：

如果這步沒做后面的自動生成代碼生成就不準嘍

然后寫一個代碼：生成的腳本

public class GenerateAwar:MonoBehaviour{ public GameObject AwarGameObject; //上面制作的Awar物體 public int Count = 10; // 生成個數，當你根據數據生成個數的時候記得修改 void OnEnable () {  var angle = 360 / Count; // 計算每個獎品的Z軸度數  var additionAngle = 0; //當前角度  for (var i = 0; i < Count; i++)  {   var obj = Instantiate(AwarGameObject);   additionAngle = angle + additionAngle;   obj.transform.Rotate(Vector3.forward,additionAngle);   Log.Error(obj.transform.localRotation.eulerAngles.z);   obj.transform.SetParent(transform,false);   obj.SetActive(true);  } }}

然后掛到”獎品組“身上
如：

這里寫圖片描述

那個獎品就是Awar，我名字改不回來了，似乎是unity的問題，哇哈哈哈
然后運行，就能看到如圖效果：

這里寫圖片描述

然后創建一個指針放在中心編寫一個腳本：旋轉指針的腳本

//這個腳本掛在指針身上，//然后在抽獎按鈕的Button事件里拖入指針選擇這個類的SetTime方法public class RotatePointer : MonoBehaviour{ private bool _isRotate = false;//是否旋轉 public float ContinuousTime = 2;//旋轉時間 public float Speed = 2000;//旋轉速度 public float Angle = 0; // 這個是設置停止的角度 private float _time; // Update is called once per frame void Update () {  if (!_isRotate)return; //不旋轉結束  if (Time.time < _time) // 沒結束  {   transform.Rotate(Vector3.forward * Speed * Time.deltaTime);  }  else  {  //結束，使用DoTween旋轉到結束角度，耗時1秒  //這里有個360，使用來防止指針回轉的，如果不加這個360，你會看到指針倒退   transform.DORotate(new Vector3(0, 0, 360 + Angle), 1f, RotateMode.FastBeyond360);   _isRotate = false; // 設置不旋轉  } } //外部調用，初始化時間和打開旋轉 public void SetTime() {  _time = Time.time + ContinuousTime;  _isRotate = true; } //外部調用，設置停止角度 public void SetAngle(float angle) {  Angle = angle; }}

指針:

這里寫圖片描述