Unity实现3D轮转图和2D轮转图

已于 2023-09-13 11:03:16 修改
阅读量828 收藏 4
点赞数 4
文章标签： unity 3d 游戏引擎
于 2023-09-13 11:01:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/henxgsjsan/article/details/132846711
版权

一、3D轮转图

       想要实现3D轮转图的效果，需要在场景里面创建一个空对象，然后创建生成轮转图的脚本，

创建好脚本之后，我们需要先明确几个变量：

1.生成物体的数量

2，生成物体范围的半径

3，物体移动的弧度

这三个变量缺一不可，在代码中这样体现：

   //你生成的cube
    public GameObject prefab;
    //生成cube的数量
    public int num = 10;
    //cube组成圆的半径
    public int r = 10;
    public float moveAng = 0;//移动后的弧度

之后就开始生成了，生成物体，物体的位置是算出来的

void Start()
    {
        ang = 2 * Mathf.PI / num;
        OnMove();
    }
    public void OnMove()
    {
        for (int i = 0; i < num; i++)
        {
            float x = Mathf.Sin(ang * i + moveAng) * r;
            float y = Mathf.Cos(ang * i + moveAng) * r;
            if (list.Count <= i)
            {
                GameObject cell = Instantiate(prefab, transform);
                list.Add(cell);
                sotrs.Add(cell);
            }
            list[i].transform.localPosition = new Vector3(x, 0, y);
        }
    }

这里的list和sorts是GameObject类型的集合

之后创建完物体之后，我们可以在场景中通过调整moveAng的值来控制旋转

之后我们要通过鼠标的拖拽凯控制旋转了

首先创建脚本，这个脚本是挂载到你生成的物体上的，

 private void OnMouseDrag()
    {
        Vector3 pos = Camera.main.WorldToScreenPoint(transform.position);
        Vector3 mouse = Camera.main.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, pos.z));

        float dis = mouse.x - transform.position.x;
        transform.parent.GetComponent<Cyclogam>().OnDrag(dis);
    }

之后在生成物体的脚本上写

   public void OnDrag(float dis)
    {
        tweener.Kill();
        float dragAng = dis / r;
        moveAng -= dragAng;
        OnMove();
    }

这样就可以实现通过鼠标拖这旋转了

我们还可以加一点缓冲效果

首先先加上这样的代码在生成物体的脚本上

 public void Inertia(float dis)
    {
        float time = Mathf.Abs(dis / cutspeed);
        tweener = DOTween.To((a) =>
        {
            float dragAng = dis / r;
            moveAng -= dragAng;
            OnMove();
        }, dis, 0, time).OnComplete(() =>
        {
            Align(list.IndexOf(sotrs[0]));
        });
    }
    public void Align(int n)
    {
        //找到z最小的
        sotrs.Sort((a, b) =>
        {
            if (a.transform.localPosition.z < b.transform.localPosition.z)
            {
                return -1;
            }
            else if (a.transform.localPosition.z == b.transform.localPosition.z)
            {
                return 0;
            }
            else
            {
                return 1;
            }
        });
        //找到z最小的在list里的下标
        int id = list.IndexOf(sotrs[0]);
        //正方形
        int zheng = id - n;
        //反方向的长度=总长度-正方向长度
        int fan = num - Mathf.Abs(zheng);
        fan = zheng < 0 ? fan : -fan;
        int interval = Mathf.Abs(zheng) < Mathf.Abs(fan) ? zheng : fan;
        float interca = (id - n) * ang;
        float alianAng = Mathf.Asin(sotrs[0].transform.localPosition.x / r)+ interca;
        float alignDis = alianAng * r;
        float aligntime = Mathf.Abs(alignDis / cutspeed);

        DOTween.To((b) =>
        {
            moveAng = b;
            OnMove();
        }, moveAng, moveAng + alianAng, aligntime);
    }

然后再挂载在生成物体上的脚本上加上这样的代码：

private void OnMouseUp()
    {
        Vector3 pos = Camera.main.WorldToScreenPoint(transform.position);
        Vector3 mouse = Camera.main.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, pos.z));

        float dis = mouse.x - transform.position.x;
        transform.parent.GetComponent<Cyclogam>().Inertia(dis);
    }

加上之后可以直接去实验，下面附上全部代码

生成物体的脚本：

//你生成的cube
    public GameObject prefab;
    //生成cube的数量
    public int num = 10;
    //cube组成圆的半径
    public int r = 10;
    public float moveAng = 0;//移动后的弧度
    public float cutspeed = 10;//减速
    //存储生成的cube
    List<GameObject> list = new List<GameObject>();
    List<GameObject> sotrs = new List<GameObject>();
    float ang;
    Tweener tweener;
    // Start is called before the first frame update
    void Start()
    {
        ang = 2 * Mathf.PI / num;
        OnMove();
    }
    public void OnMove()
    {
        for (int i = 0; i < num; i++)
        {
            float x = Mathf.Sin(ang * i + moveAng) * r;
            float y = Mathf.Cos(ang * i + moveAng) * r;
            if (list.Count <= i)
            {
                GameObject cell = Instantiate(prefab, transform);
                list.Add(cell);
                sotrs.Add(cell);
            }
            list[i].transform.localPosition = new Vector3(x, 0, y);
        }
    }
    public void OnDrag(float dis)
    {
        tweener.Kill();
        float dragAng = dis / r;
        moveAng -= dragAng;
        OnMove();
    }
    public void Inertia(float dis)
    {
        float time = Mathf.Abs(dis / cutspeed);
        tweener = DOTween.To((a) =>
        {
            float dragAng = dis / r;
            moveAng -= dragAng;
            OnMove();
        }, dis, 0, time).OnComplete(() =>
        {
            Align(list.IndexOf(sotrs[0]));
        });
    }
    public void Align(int n)
    {
        //找到z最小的
        sotrs.Sort((a, b) =>
        {
            if (a.transform.localPosition.z < b.transform.localPosition.z)
            {
                return -1;
            }
            else if (a.transform.localPosition.z == b.transform.localPosition.z)
            {
                return 0;
            }
            else
            {
                return 1;
            }
        });
        //找到z最小的在list里的下标
        int id = list.IndexOf(sotrs[0]);
        //正方形
        int zheng = id - n;
        //反方向的长度=总长度-正方向长度
        int fan = num - Mathf.Abs(zheng);
        fan = zheng < 0 ? fan : -fan;
        int interval = Mathf.Abs(zheng) < Mathf.Abs(fan) ? zheng : fan;
        float interca = (id - n) * ang;
        float alianAng = Mathf.Asin(sotrs[0].transform.localPosition.x / r)+ interca;
        float alignDis = alianAng * r;
        float aligntime = Mathf.Abs(alignDis / cutspeed);

        DOTween.To((b) =>
        {
            moveAng = b;
            OnMove();
        }, moveAng, moveAng + alianAng, aligntime);
    }

    // Update is called once per frame
    void Update()
    {

    }

物体身上的脚本：

 // Start is called before the first frame update
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {

    }

    private void OnMouseDrag()
    {
        Vector3 pos = Camera.main.WorldToScreenPoint(transform.position);
        Vector3 mouse = Camera.main.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, pos.z));

        float dis = mouse.x - transform.position.x;
        transform.parent.GetComponent<Cyclogam>().OnDrag(dis);
    }
    private void OnMouseUp()
    {
        Vector3 pos = Camera.main.WorldToScreenPoint(transform.position);
        Vector3 mouse = Camera.main.ScreenToWorldPoint(new Vector3(Input.mousePosition.x, Input.mousePosition.y, pos.z));

        float dis = mouse.x - transform.position.x;
        transform.parent.GetComponent<Cyclogam>().Inertia(dis);
    }

二、2d轮转图

2d轮转图的逻辑跟3d轮转图的差不多，基本上你3d轮转图理解之后2d轮转图就也差不多了

首先还是跟3d轮转图一样先创建物体

public GameObject prefab;
    public int num;
    public float r;
    public float max = 1;
    public float min = 0.5f;
    public float ang;
    public float moveAng = 0;
    public float cutspeed = 50f;//减速
    List<GameObject> GList = new List<GameObject>(); 
    List<GameObject> sorts = new List<GameObject>(); 
void Start()
    {
        r = prefab.GetComponent<RectTransform>().sizeDelta.x * num / (2 * Mathf.PI);
        ang = 2 * Mathf.PI / num;
        OnMove();
    }
public void OnMove()
    {
        for (int i = 0; i < num; i++)
        {
            float x = Mathf.Sin(ang * i + moveAng) * r;
            float z = Mathf.Cos(ang * i + moveAng) * r;
            if (GList.Count<=i)
            {
                GameObject cell = Instantiate(prefab, transform);
                GList.Add(cell);
                sorts.Add(cell);
            }
            GList[i].transform.localPosition = new Vector3(x, 0, 0);
            float scale = (z + r) / (2 * r) * (max - min) + min;
            GList[i].transform.localScale = Vector3.one * scale;
        }
        
    }

附上效果图：

 

之后就可以通过拖拽的方法让生成物体进行旋转了，

  public void OnDrag(PointerEventData eventData)
    {
        moveAng += eventData.delta.x / r;
        OnMove();
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        float time = Mathf.Abs(eventData.delta.x / cutspeed);
        DOTween.To((a) =>
        {
            moveAng += a / r;
            OnMove();
        }, eventData.delta.x, 0, time).OnComplete(() =>
        {
            Align(GList.IndexOf(sorts[num - 1]));
        });
    }
    public void Align(int n)
    {
        int id = GList.IndexOf(sorts[num - 1]);
        int zheng = id - n;
        int fan = num - Mathf.Abs(zheng);
        fan = zheng < 0 ? fan : -fan;
        int interval = Mathf.Abs(zheng) < Mathf.Abs(zheng) ? zheng : fan;
        float intervalAng = interval * ang;
        float AlignAng = Mathf.Asin(sorts[num - 1].transform.localPosition.x / r) + intervalAng;
        float time =Mathf.Abs(AlignAng * r / cutspeed);
        DOTween.To((b) =>
        {
            moveAng = b;
            OnMove();
        }, moveAng, moveAng - AlignAng, time).OnComplete(() =>
        {
            Debug.Log(n);
        });
    }

这里需要添加using UnityEngine.EventSystems;命名空间，继承IDragHandler,IEndDragHandler这两个接口，之后就饿可以使用OnDrag方法和OnEndDrag方法

这样就可以实现拖拽旋转和旋转之后可以进行缓冲的效果了

因为在2d轮转图上在后面的图片需要变小所以我们在OnMove方法中添加代码

  sorts.Sort((a,b) =>
        {
            if (a.transform.localScale.z<b.transform.localScale.z)
            {
                return -1;
            }
            else if (a.transform.localScale.z == b.transform.localScale.z)
            {
                return 0;
            }
            else
            {
                return 1;
            }
        });
        for (int i = 0; i < sorts.Count; i++)
        {
            sorts[i].transform.SetSiblingIndex(i);
        }

这样就可以实现2d轮转图的拖拽旋转，在后面的物体变小的效果了

附上全部代码

 public GameObject prefab;
    public int num;
    public float r;
    public float max = 1;
    public float min = 0.5f;
    public float ang;
    public float moveAng = 0;
    public float cutspeed = 50f;//减速
    List<GameObject> GList = new List<GameObject>(); 
    List<GameObject> sorts = new List<GameObject>(); 
    // Start is called before the first frame update
    void Start()
    {
        r = prefab.GetComponent<RectTransform>().sizeDelta.x * num / (2 * Mathf.PI);
        ang = 2 * Mathf.PI / num;
        OnMove();
    }
    public void OnMove()
    {
        for (int i = 0; i < num; i++)
        {
            float x = Mathf.Sin(ang * i + moveAng) * r;
            float z = Mathf.Cos(ang * i + moveAng) * r;
            if (GList.Count<=i)
            {
                GameObject cell = Instantiate(prefab, transform);
                GList.Add(cell);
                sorts.Add(cell);
            }
            GList[i].transform.localPosition = new Vector3(x, 0, 0);
            float scale = (z + r) / (2 * r) * (max - min) + min;
            GList[i].transform.localScale = Vector3.one * scale;
        }
        sorts.Sort((a,b) =>
        {
            if (a.transform.localScale.z<b.transform.localScale.z)
            {
                return -1;
            }
            else if (a.transform.localScale.z == b.transform.localScale.z)
            {
                return 0;
            }
            else
            {
                return 1;
            }
        });
        for (int i = 0; i < sorts.Count; i++)
        {
            sorts[i].transform.SetSiblingIndex(i);
        }
    }

    public void OnDrag(PointerEventData eventData)
    {
        moveAng += eventData.delta.x / r;
        OnMove();
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        float time = Mathf.Abs(eventData.delta.x / cutspeed);
        DOTween.To((a) =>
        {
            moveAng += a / r;
            OnMove();
        }, eventData.delta.x, 0, time).OnComplete(() =>
        {
            Align(GList.IndexOf(sorts[num - 1]));
        });
    }
    public void Align(int n)
    {
        int id = GList.IndexOf(sorts[num - 1]);
        int zheng = id - n;
        int fan = num - Mathf.Abs(zheng);
        fan = zheng < 0 ? fan : -fan;
        int interval = Mathf.Abs(zheng) < Mathf.Abs(zheng) ? zheng : fan;
        float intervalAng = interval * ang;
        float AlignAng = Mathf.Asin(sorts[num - 1].transform.localPosition.x / r) + intervalAng;
        float time =Mathf.Abs(AlignAng * r / cutspeed);
        DOTween.To((b) =>
        {
            moveAng = b;
            OnMove();
        }, moveAng, moveAng - AlignAng, time).OnComplete(() =>
        {
            Debug.Log(n);
        });
    }

www子瀚
关注
Unity中实现仿3D轮转图
L的博客
01-05 4668
一：效果演示 二：实现思路
Unity3D--用2D图片实现3D轮转图
m0_46208939的博客
05-20 4185
U3D照片墙效果图一、实现步骤1.二、使用步骤1.引入库2.读入数据总结 效果图 一、实现步骤 1. 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('ignore') import ssl ssl._create_default_https_
Unity 轮转图, 惯性, 自动回正, 点击选择
诺尔的博客
03-05 1364
类似于网页中轮播图的, 2D 与 3D 的轮转图, 包含拖拽的惯性, 拖拽结束的自动回正以及点击选择功能
Unity完成2D轮转图 以及 按钮点击实现 随机转动
最新发布
liang_1211的博客
04-24 542
首先我们这个类要继承IDragHandler接口，IEndDragHandler接口 继承这两个接口需要我们引入命名空间 using UnityEngine.EventSystems。序列化 (Serialization)意思是将对象的状态信息，转换为可以存储或传输的形式。注：判断Image的x轴是为了判断方块的移动的方向，距离那边近，就往那边转动。在拖拽中的函数中对我们的前面声明的可移动的弧度(movered)进行改变。序列化之后，在我们的Inspector面板就会显示出来，拖拽对象即可。
利用unity实现3d轮转图效果
11-26
利用unity实现3d轮转图效果
Unity绘制轮转图
qq_62137537的博客
09-14 295
2D轮转图指的是在二维平面内将一幅图形沿着一个轴心旋转某个角度后得到的新的图形。通常用于制作动画效果或者展示某些设计效果。可以通过计算旋转后每个点的坐标来实现2D轮转图，也可以使用现有的图形处理软件或编程语言进行实现。例如在Adobe Illustrator中使用旋转工具，或在Python中使用NumPy库进行坐标计算。2D轮转图可以用于制作很多视觉效果，例如模拟钟表指针的转动、车轮的滚动等。
Unity3D中ui弧形轮番旋转(UI 3D旋转)
08-30
实现类似《英雄联盟》中选择皮肤时的Ui 3D滚动视图效果，包含Ugui 和Ngui的实现
一个使用Unity3D实现的2D无尽跑酷游戏。
05-11
在本文中，我们将深入探讨如何使用Unity3D引擎创建一个2D无尽跑酷游戏，这是一个深受玩家喜爱的游戏类型，通常包含高速移动、躲避障碍物和收集物品等元素。Unity3D是一个强大的跨平台游戏开发工具，适用于2D和3D游戏...
在Unity中2D轮转图实现给角色换装
z154159的博客
08-22 386
Resources中加载预制体，从预制体身上的SkinnedMeshRenderer中读取骨骼，材质，Mesh(网格)。存贮这些数据，并加载进裸模的SkinnedMeshRenderer中去。很多小游戏中都有给角色的换装，包括穿脱装备等一系列，都是需要将人物的骨骼绑到一起然后换人物的子对象。首先这是前一篇贴子中的2D轮转图。然后就开始了我们的换装代码。
在Unity中制作一个简单的2D轮转图
z154159的博客
08-16 231
在游戏中，我们可以见到多种多样的轮转图，比如选装备，换装，选角等一些游戏都会用到，今天就制作一个简单地2D轮转图。然后拖拽结束之后肯定有一个惯性，然后判断距离我们最近的一个img将他的位置移动到正前方。在Move方法中将实例化出来的预制体添加到集合中，并且调整他们的大小位置。后面我给Sort集合做了个排序，因为img的层级不同，所以要重新设置一下。然后创建一个Image预制体和一个Cyclogram2D脚本。3.两个集合，用来存储预制体，和预制体的Transfrom。然后拖拽接口实现的方法中写我们的拖拽。
unity ui弧形轮播旋转
12-03
该Demo包含NGUI和UGUI的示例，在unity5.6版本以上实现弧形轮播3D效果。当然，也可以拷贝里面的代码，到unity5.0也可以。如果想实现不同的效果，直接调位置的动画曲线就可以。小伙伴们可以试试，效果很不错。
Unity图片切换轮播功能
12-06
一个可以在Unity进行图片轮播的demo，只需要给一个texture 2d的图片数组就可以直接用，有多种切换特效
Unity实现图片轮播组件
01-20
游戏中有时候会见到图片轮播的效果，那么这里就自己封装了一个，包括自动轮播、切页按钮控制、页码下标更新、滑动轮播、切页后的回调等等 。 下面，先上一个简陋的gif动态效果图 从图中可以看出，该示例包括了三张图片的轮播，左右分别是上一张和下一张的按钮，右下角显示了当前是第几章的页码下标。 直接上脚本： using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Events; using UnityEngine.EventSyste
Unity Ui弧形轮番旋转.rar
11-13
实现类似《英雄联盟》中选择皮肤时的Ui 3D滚动视图效果，包含Ugui 和Ngui的实现。unity2017.4亲测可用。可放心下载学习。
unity2d轮转图生成人物及对应雷达图
07-24
然后，将需要合并的2D图片拖拽到轮转图上，Unity会自动优化它们的布局。 描述中提到的人物生成，这通常涉及到角色设计和动画制作。在Unity中，我们可以使用Sprite Editor来编辑和裁剪精灵，或者导入第三方工具如...
3D轮转图
weixin_33950757的博客
04-26 200
Unity学习笔记—轮转图
m0_51353177的博客
08-15 158
【代码】Unity学习笔记—轮转图。
（Unity）UI上的轮转图（3D效果）
xiaoxifeng4000的博客
08-16 929
unity轮转图做出3D效果
Unity3D实现无缝循环图片墙技术指南
资源摘要信息:"Unity3D无缝循环图片墙显示技术是利用Unity3D游戏引擎开发的一种图片展示...通过Unity3D引擎的开发和优化，可以实现跨平台、无缝滚动和点击放大等丰富的视觉效果，为用户提供了一种全新的信息获取方式。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值