我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Unity怎么实现老虎机滚动抽奖效果

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Unity怎么实现老虎机滚动抽奖效果

小编给大家分享一下Unity怎么实现老虎机滚动抽奖效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

直接看下效果图吧:

Unity怎么实现老虎机滚动抽奖效果

制作思路:

设计四张图片,五个点,每个图片同时向下一个点移动,到最后一个就回到0号点,以此循环。

Unity怎么实现老虎机滚动抽奖效果

场景搭建:

  • 创建Image命名为Bg作为电视框背景;

  • 创建Image命名Mask并添加Mask组件作为电视框内容显示遮罩框;

  • 创建四个Image作为滚动图片;

  • 创建开始抽奖按钮;

Unity怎么实现老虎机滚动抽奖效果

PS:实际项目中可以根据需求来动态修改图片显示,以达到的控制每次抽奖奖品内容。

源码分享:

using System.Collections;using UnityEngine;using UnityEngine.UI;public class ScollToDraw : MonoBehaviour{      // 抽奖按钮      public Button DrowBtn;            // 奖励图片      public Image[] ArardImgArr;      // 转盘速度      public float AniMoveSpeed = 3f;      // 进度      private float[] progress = new[] {0f, 1f, 2f, 3f, 4f};      // 转动动画位置      private Vector3[] AniPosV3 = new[]            {Vector3.up * 240, Vector3.up * 120, Vector3.zero, Vector3.down * 120, Vector3.down * 240};      // 自动暂停标识      private bool isAutoStop;      // 抽奖结束 停止刷新界面UI      private bool isStopUpdatePos;            void Start()      {            DrowBtn.onClick.AddListener(DrawFun);            isAutoStop = false;            isStopUpdatePos = false;      }      void Update()      {            if (isStopUpdatePos) return;                        float t = Time.deltaTime * AniMoveSpeed;            for (int i = 0; i < ArardImgArr.Length; i++)            {                  progress[i] += t;                  ArardImgArr[i].transform.localPosition = MovePosition(i);            }      }            // 获取下一个移动到的位置      Vector3 MovePosition(int i)      {            int index = Mathf.FloorToInt(progress[i]);            if (index > AniPosV3.Length - 2)            {                  //保留其小数部分,不能直接赋值为0                  progress[i] -= index;                   index = 0;                  // 索引为2的到底了,索引为0的就在正中心                  if (i == 2 && isAutoStop)                  {                        isStopUpdatePos = true;                        Debug.Log("展示奖励界面...");                        // todo...获取奖励数据维护                  }                  return AniPosV3[index];            }            else            {                  return Vector3.Lerp(AniPosV3[index], AniPosV3[index + 1], progress[i] - index);            }      }            /// <summary>      /// 点击抽奖      /// </summary>      void DrawFun()      {            isAutoStop = false;            isStopUpdatePos = false;            StartCoroutine(SetMoveSpeed(2));            // DoTween 按钮下拉动画            // Transform tran = DrowBtn.transform;            //tran.DOLocalMoveY(-60, 0.2f).OnComplete(() =>            //{            //      tran.DOLocalMoveY(50, 0.2f);            //            //});      }            // 抽奖动画速度控制      IEnumerator SetMoveSpeed(int time)      {            AniMoveSpeed = 10;            yield return new WaitForSeconds(time);            AniMoveSpeed = 1;            yield return new WaitForSeconds(time);            isAutoStop = true;      }}

以上是“Unity怎么实现老虎机滚动抽奖效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Unity怎么实现老虎机滚动抽奖效果

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Unity怎么实现老虎机滚动抽奖效果

小编给大家分享一下Unity怎么实现老虎机滚动抽奖效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!直接看下效果图吧:制作思路:设计四张图片,五个点,每个图片同时
2023-06-14

python滚动抽奖功能怎么实现

你可以使用Python的random模块来实现滚动抽奖功能。以下是一个简单的示例代码:import randomimport time# 定义抽奖奖品prizes = ['iPhone', 'iPad&#
python滚动抽奖功能怎么实现
2024-03-01

CSS怎么实现滚动阴影效果

这篇文章主要为大家展示了CSS怎么实现滚动阴影效果,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“CSS怎么实现滚动阴影效果”这篇文章吧。css是什么意思css是一种用来表现HTML或XML等文件样
2023-06-06

JavaScript怎么实现长图滚动效果

小编给大家分享一下JavaScript怎么实现长图滚动效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!JavaScript是什么JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器
2023-06-14

jquery数字滚动效果怎么实现

您可以使用jQuery的.animate()方法来实现数字滚动效果。首先,您需要一个HTML元素来显示数字。例如,一个div元素:```html0
2023-08-09

python数字滚动效果怎么实现

要实现数字滚动效果,可以使用Python的Tkinter库来创建一个简单的窗口应用程序。以下是一个示例代码,演示如何实现数字滚动效果:import tkinter as tkclass NumberRollingApp:def __ini
python数字滚动效果怎么实现
2024-03-01

Angular怎么实现表格自滚动效果

这篇文章主要为大家分析了Angular怎么实现表格自滚动效果的相关知识点,内容详细易懂,操作细节合理,具有一定参考价值。如果感兴趣的话,不妨跟着跟随小编一起来看看,下面跟着小编一起深入学习“Angular怎么实现表格自滚动效果”的知识吧。表
2023-06-26

怎么用vue实现无缝滚动效果

今天小编给大家分享一下怎么用vue实现无缝滚动效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。安装NPMnpm insta
2023-07-04

vue怎么实现3D切换滚动效果

本篇内容介绍了“vue怎么实现3D切换滚动效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!这个是最终的一个效果,点击左右小箭头,实现滚动效
2023-06-29

FineReport中怎么实现自动滚屏效果

本篇文章为大家展示了FineReport中怎么实现自动滚屏效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。添加加载结束事件点击菜单模板>模板web属性>分页预览设置,选择“为该模板单独设置”,添加
2023-06-04

怎么用css实现不随滚动条效果

CSS中的position属性可以用来设置元素在页面中的定位方式,其中有一个值叫做fixed。fixed值指定的元素会被固定在页面的某个位置,不会随着页面的滚动而移动,这就实现了CSS不随滚动条的效果。那么在哪些情况下需要使用CSS不随滚动条的效果呢?常见的场景是在页面中添加一些固定的元素,例如导航栏、广告位等。这些元素需要始终保持在页面的某个位置,不会因为用户滚动页面而移动。
2023-05-14

vue怎么实现简单无缝滚动效果

本篇内容介绍了“vue怎么实现简单无缝滚动效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!效果实现思路在vue中如何复制一份列表出来呢且不
2023-06-29

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录