Unity幸运转盘实战项目

 更新时间:2019年04月22日 14:36:23   作者:CC_childe  
这篇文章主要为大家详细介绍了Unity幸运转盘实战项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

幸运转盘主要是由两部分组成——转盘、指针,实现的方式也分两种,转盘动或者指针动,不过两者的原理都是一样的,这里就以指针动做了一个项目级的demo(由于后面的圆盘中间的那条竖线有点往左偏,所以导致那些圣诞老人的显示有些偏移)。< Demo 下载 >

 

在项目开发中,一般这个功能的实现过程是:

1、当点击开始的时候,转盘开始动, 同时向服务端发送协议;

2、服务端返回数据(前端计算好对应的角度),当转盘旋转一定时间后开始减速直至对应角度

当然也可以等服务端返回数据后再开始模拟旋转过程,但是由于受网络的影响,这一过程可能会较长,表现效果不是很好。

关于Unity的旋转,主要有下面几类接口:Transform.Rotate(),  Transform.RotateAround(),Transform.rotation, Transform.eulerAngles。 其中 Rotate() 和 RotateAround() 都是同一类接口(里面的具体重载这里就不细说了),都是指从当前位置做指定角度的偏移,而 rotation 和 eulerAngles 都是直接赋值的字段,rotation 是一个四元数类型, eulerAngles 则是一个欧拉角。很显然,我们在做旋转的时候不需要关心具体角度,使用 Rotate() 类型做定帧偏移是最合适的,通过设置偏移的角度就能实现变速转动,比较适合转盘开始阶段的加速过程和中间的匀速过程,而当我们知道停止的具体角度时,则可已利用差值运算能精准地实现减速过程并最终停到我们需要的位置。但是有一点需要注意,Unity里面角度是逆时针计算的,而我们日常生活中一般习惯于顺时针,所以,最终的角度还需要取反一下。废话不多说,见代码:

using UnityEngine;
using UnityEngine.UI;
 
public class LuckyTurntable : MonoBehaviour
{
 public enum State
 {
  None,  //待机状态
  Start,  //加速阶段
  Prepared, //等待数据阶段
  End,  //减速阶段
 }
 
 public delegate void OnFinishCallback();
 private event OnFinishCallback OnFinish;
 
 /// <summary>
 /// 设置完成时的回调
 /// </summary>
 /// <param name="onFinish"></param>
 public void SetOnFinishCallback(OnFinishCallback onFinish)
 {
  OnFinish += onFinish;
 }
 
 /// <summary>
 /// 最大速度
 /// </summary>
 public int velocity = 3000;
 
 public Transform node;
 public Button btnStart;
 public Button btnStop;
 public Button btnRandom;
 public InputField input;
 
 private State _state;
 /// <summary>
 /// 转盘的状态
 /// </summary>
 public State CurState
 {
  get
  {
   return _state;
  }
  private set
  {
   _state = value;
   switch (value)
   {
    //不同阶段限制各按钮的点击状态
    case State.None:
     btnStart.enabled = true;
     btnStop.enabled = false;
     btnRandom.enabled = false;
     break;
    case State.Start:
     btnStart.enabled = false;
     btnStop.enabled = true;
     btnRandom.enabled = true;
     break;
    case State.Prepared:
    case State.End:
     btnStart.enabled = false;
     btnStop.enabled = false;
     btnRandom.enabled = false;
     break;
   }
  }
 }
 
 private float _endAngle = 0f;
 /// <summary>
 /// 最终停止的角度[0, 360]
 /// </summary>
 public float EndAngle
 {
  get
  {
   return _endAngle;
  }
  set
  {
   _endAngle = Mathf.Abs(value);
   print("End Angle: " + value);
   _endAngle = _endAngle % 360; //将角度限定在[0, 360]这个区间
   _endAngle = -_endAngle - 360 * 2; //多N圈并取反,圈数能使减速阶段变得更长,显示更自然,逼真
  }
 }
 
 /// <summary>
 /// 加速持续时间
 /// </summary>
 private readonly float AcceleateTime = 1f;
 
 /// <summary>
 /// 减速前的最短持续时间
 /// </summary>
 private float _minTime = 3.0f;
 /// <summary>
 /// 角度缓存
 /// </summary>
 private float _tmpAngle = 0f;
 /// <summary>
 /// 时间统计
 /// </summary>
 private float _time;
 /// <summary>
 /// 速度变化因子
 /// </summary>
 private float _factor;
 
 private void Start()
 {
  CurState = State.None;
  btnStart.onClick.AddListener(OnStartClick);
  btnStop.onClick.AddListener(OnStopClick);
  btnRandom.onClick.AddListener(OnRandomClick);
 }
 
 private void Update()
 {
  if (CurState == State.None)
   return;
 
  _time += Time.deltaTime;
  if (CurState == State.End)
  {
   //通过差值运算实现精准地旋转到指定角度(球型插值无法实现大于360°的计算)
   float k = 2f; //如果嫌减速太慢,可以加个系数修正一下
   _tmpAngle = Mathf.Lerp(_tmpAngle, EndAngle, Time.deltaTime * k);
 
   //这里只存在一个方向的旋转,所以不存在欧拉角万向节的问题,所以使用欧拉角和四元数直接赋值都是可以的
   node.rotation = Quaternion.Euler(0, 0, _tmpAngle);
   //node.eulerAngles = new Vector3(0, 0, _tmpAngle);
 
   if (1 >= Mathf.Abs(_tmpAngle - EndAngle))
   {
    CurState = State.None;
    if (null != OnFinish)
    {
     OnFinish();
     OnFinish = null;
    }
   }
  }
  else
  {
   //利用一个速度因子实现变加速的过程
   _factor = _time / AcceleateTime;
   _factor = _factor > 1 ? 1 : _factor;
   node.Rotate(Vector3.back, _factor * velocity * Time.deltaTime, Space.Self);
  }
 
  //当收到数据之后并且旋转了一定时间后开始减速
  if (CurState == State.Prepared && _time > _minTime)
  {
   CurState = State.End;
   _tmpAngle = GetCurClockwiseAngle();
  }
 }
 
 /// <summary>
 /// 将当前指针的欧拉角转换成顺时针统计角度
 /// </summary>
 /// <returns></returns>
 private float GetCurClockwiseAngle()
 {
  //由于读取到的值是[0, 180] U [-180, 0],左边由0至180递增,右边由180转变成-180,然后递增至0,所以需要转相应的转换
  return (-1) * (360 - node.eulerAngles.z) % 360;
 }
 
 private void OnStartClick()
 {
  CurState = State.Start;
  _time = 0;
 }
 
 /// <summary>
 /// 读取输入框中的角度并停止
 /// </summary>
 private void OnStopClick()
 {
  try
  {
   EndAngle = float.Parse(input.text);
  }
  catch
  {
   EndAngle = 0f;
  }
  CurState = State.Prepared;
 
 }
 
 /// <summary>
 /// 随机一个角度并停止
 /// </summary>
 private void OnRandomClick()
 {
  EndAngle = UnityEngine.Random.Range(0f, 360f);
  CurState = State.Prepared;
 }
}

功能代码基本都在上面了,如果想要Demo的话可 前往下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • C#图像颜色聚类高效方法实例

    C#图像颜色聚类高效方法实例

    这篇文章主要介绍了C#图像颜色聚类高效方法,实例分析了C#实现图像颜色聚类的方法,需要的朋友可以参考下
    2015-04-04
  • C#中的Task.WhenAll和Task.WhenAny方法介绍

    C#中的Task.WhenAll和Task.WhenAny方法介绍

    这篇文章介绍了C#中的Task.WhenAll和Task.WhenAny方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • C#使用JsonConvert全面解析JSON

    C#使用JsonConvert全面解析JSON

    这篇文章主要介绍了C#使用JsonConvert全面解析JSON,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • 浅谈C# AOP的简单实现

    浅谈C# AOP的简单实现

    这篇文章主要介绍了浅谈C# AOP的简单实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 基于WPF实现3D画廊动画效果的示例代码

    基于WPF实现3D画廊动画效果的示例代码

    这篇文章主要为大家详细介绍了如何基于WPF实现简单的3D画廊动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-02-02
  • C#中调用Windows API的技术要点说明

    C#中调用Windows API的技术要点说明

    本篇文章主要是对C#中调用Windows API的技术要点进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • C# 实现FTP上传资料的示例

    C# 实现FTP上传资料的示例

    这篇文章主要介绍了C# 实现FTP上传资料的示例,帮助大家更好的理解和学习c#,感兴趣的朋友可以了解下
    2020-12-12
  • C# WebClient类用法实例

    C# WebClient类用法实例

    这篇文章主要介绍了C# WebClient类用法实例,本文讲解使用WebClient下载文件、OpenWriter打开一个流使用指定的方法将数据写入到uri以及上传文件示例,需要的朋友可以参考下
    2015-07-07
  • Entity Framework主从表的增删改

    Entity Framework主从表的增删改

    这篇文章介绍了Entity Framework主从表的增删改,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • C#调用摄像头实现拍照功能的示例代码

    C#调用摄像头实现拍照功能的示例代码

    这篇文章主要介绍了C#调用摄像头实现拍照功能的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09

最新评论