Unity 2017使用UGUI实现大转盘抽奖

 更新时间:2020年6月25日 11:15  点击:1764

本文实例为大家分享了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;
 }
}

指针:

这里写图片描述 

开始按钮:

这里写图片描述 

因为电脑上没什么制作动图的软件,如果效果我就结束,旋转个1张

旋转:

这里写图片描述

结束:

这里写图片描述

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

[!--infotagslink--]

相关文章

  • js组件SlotMachine实现图片切换效果制作抽奖系统

    这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...2016-04-19
  • Unity时间戳的使用方法

    这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)

    通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11
  • Unity延时执行的多种方法小结

    本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
  • javascrip+HTML5 Canvas绘制转盘抽奖

    这篇文章主要介绍了javascrip+HTML5 Canvas绘制转盘抽奖的相关资料,需要的朋友可以参考下...2016-04-22
  • Unity shader实现遮罩效果

    这篇文章主要为大家详细介绍了Unity shader实现遮罩效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • unity 如何判断鼠标是否在哪个UI上(两种方法)

    这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
  • Unity实现换装系统

    这篇文章主要为大家详细介绍了Unity实现换装系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-11
  • javascript实现可键盘控制的抽奖系统

    这篇文章主要为大家详细介绍了javascript实现可键盘控制的抽奖系统的相关资料,需要的朋友可以参考下...2016-03-12
  • 利用unity代码C#封装为dll的步骤分享

    这篇文章主要给大家介绍了关于利用unity代码C#封装为dll的相关资料,文中通过图文将实现的方法介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
  • Unity Shader实现径向模糊效果

    这篇文章主要为大家详细介绍了Unity Shader实现径向模糊效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
  • unity 实现摄像机绕某点旋转一周

    这篇文章主要介绍了unity 实现摄像机绕某点旋转一周,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
  • Unity实现截图功能

    这篇文章主要为大家详细介绍了Unity实现截图功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • Unity中EventTrigger的几种使用操作

    这篇文章主要介绍了Unity中EventTrigger的几种使用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
  • Unity Shader实现2D水流效果

    这篇文章主要为大家详细介绍了Unity Shader实现2D水流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • Unity 按钮添加OnClick事件操作

    这篇文章主要介绍了Unity 按钮添加OnClick事件操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
  • Unity使用EzySlice实现模型多边形顺序切割

    这篇文章主要为大家详细介绍了Unity使用EzySlice实现模型多边形顺序切割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-03
  • js实现简单抽奖小功能

    这篇文章主要为大家详细介绍了js实现简单抽奖小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-18
  • Unity Shader实现描边OutLine效果

    这篇文章主要为大家详细介绍了Unity Shader实现描边OutLine效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • Unity Shader实现裁切效果

    这篇文章主要为大家详细介绍了Unity Shader实现裁切效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25