本博文标题和内容参考:基于原生JS实现H5转盘游戏
博主将改编成Unity版本。
使用了9个图片作为奖品栏，然后一个chooseBox作为蒙版，一个StartBtn开始按钮放在中间
新建脚本goLuckyDraw.cs
使用DoTween插件做动画，没有导入这个插件的下载导入一下
实现抽奖，主要有两个方面，一个是概率的设置，一个是动画
动画
我使用一个蒙版用来表示当前选中的奖品，然后不断将蒙版移动到下一个奖品的位置，就这样形成一个动画的效果：
using System.Collections;
using System.Collections.Generic;
using DG.Tweening;
using UnityEngine;
using UnityEngine.UI;
public class goLuckyDraw : MonoBehaviour
{
public Image transparentBox;//蒙版
public List<Transform> boxList = new List<Transform>();//所有的位置对象
private Transform chooseBox;//蒙版要到达的位置
public Button button;//开始按钮
void Start()
{
transparentBox.gameObject.SetActive(false);
//获取需要监听的按钮对象
button.onClick.AddListener(() =>
{
StartLuckyDraw();
});
}
private void StartLuckyDraw()
{
chooseBox = boxList[_index];
transparentBox.gameObject.SetActive(true);
StartCoroutine(Move());
}
IEnumerator Move()
{
float time = 0.2f;
//下次开始旋转的位置等于上次旋转到的位置
for (int i = 0; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
//旋转两圈
for (int i = 0; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
for (int i = 0; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
//当旋转到指定的位置的时候结束
for (int i = 0; i < boxList.Count; i++)
{
if (transparentBox.transform.localPosition == chooseBox.localPosition)
{
transparentBox.transform.DOLocalMove(chooseBox.localPosition, time);
continue;
}
else
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
}
}
}
然后将这个脚本挂载到一个游戏对象上：
BoxList里面的对象，按照顺序拖进去。
效果图：
概率设置
代码：
//控制概率
//rate:几率数组（%）， total：几率总和（100%）
private int randomNum(int[] rate, int total=100)
{
if (rate == null)
{
int r = Random.Range(1, 7);
return r;
}
else
{
int r = Random.Range(1, total + 1);
int t = 0;
for (int i = 0; i < rate.Length; i++)
{
t += rate[i];
if (r < t)
{
return i;
}
}
return 0;
}
}这个将一个概率数组传递进去，就可以控制概率了：
int[] AA = { 10, 10, 10, 10, 10, 10, 10, 30 };
int _index = randomNum(AA);
//获得得奖的下标数字
Debug.Log(_index);
算法理解：
然后代码修改一下，解决两个问题：
1、点击频率问题
2、下一次转的时候不从当前位置转的问题
完整代码如下：
using System.Collections;
using System.Collections.Generic;
using DG.Tweening;
using UnityEngine;
using UnityEngine.UI;
public class goLuckyDraw : MonoBehaviour
{
public Image transparentBox;//蒙版
public List<Transform> boxList = new List<Transform>();//所有的位置对象
private Transform chooseBox;//蒙版要到达的位置
public Button button;//开始按钮
private bool isRotate = false;//控制点击频率
int index = 0;//转盘转到的位置记录
void Start()
{
transparentBox.gameObject.SetActive(false);
//获取需要监听的按钮对象
button.onClick.AddListener(() =>
{
if (!isRotate)
{
StartLuckyDraw();
}
});
}
private void StartLuckyDraw()
{
isRotate = true;
//随机概率可控制
int[] AA = { 10, 10, 10, 10, 10, 10, 10, 30 };
int _index = randomNum(AA);
Debug.Log(_index);
chooseBox = boxList[_index];
transparentBox.gameObject.SetActive(true);
StartCoroutine(Move(_index));
}
//控制概率
//rate:几率数组（%）， total：几率总和（100%）
private int randomNum(int[] rate, int total=100)
{
if (rate == null)
{
int r = Random.Range(0, 7);
return r;
}
else
{
int r = Random.Range(1, total + 1);
int t = 0;
for (int i = 0; i < rate.Length; i++)
{
t += rate[i];
if (r < t)
{
return i;
}
}
return 0;
}
}
IEnumerator Move(int _index)
{
float time = 0.2f;
//下次开始旋转的位置等于上次旋转到的位置
for (int i = index; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
index = _index;
//旋转两圈
for (int i = 0; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
for (int i = 0; i < boxList.Count; i++)
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
//当旋转到指定的位置的时候结束
for (int i = 0; i < boxList.Count; i++)
{
if (transparentBox.transform.localPosition == chooseBox.localPosition)
{
transparentBox.transform.DOLocalMove(chooseBox.localPosition, time);
continue;
}
else
{
transparentBox.transform.DOLocalMove(boxList[i].localPosition, time);
yield return new WaitForSeconds(time);
}
}
isRotate = false;
}
}
这是一个简单的抽奖系统，可以控制概率，也可以不传递概率数组，就会返回一个随机值。
也可以设置一下概率，比如：
{10, 20, 0, 20, 20, 0, 20, 10 }
也就是：
反正加起来概率不要超过100就行。
