Unity实现雀巢品牌区仿Apple watch图标效果

Unity实现雀巢品牌区仿Apple watch图标效果

前言

在之前的公司做过一个雀巢公司的项目，这个项目真是让我刻骨铭心的。连着好几天通宵，高强度的工作，雀巢甲方的各种刁难。不过这些困难没有打倒我，我坚持下来，并在这个项目成长了起来。好了，说下这个项目，这个项目主要是使用投影将软件投射到墙面上，然后使用雷达触控去控制软件去展示雀巢的文化。
甲方要求这个品牌区的软件实现那种仿Apple Watch拖动图标的效果，类似于如下图所示：
经过我观察，这个表的图标就是拖拽到中间最大，越往边拖拽越小，于是我觉得可以根据这个写个算法，经过好长时间的改进和修复还有折磨，我终于实现了这种类似的效果，虽然不十全十美，但是最终还是通过了验收，十分有成就感，效果如下图所示：

核心代码

由于这个工程涉及商业秘密，我就不把全部代码贴出来了，具体实现思路就是通过判断图标与中心的距离，动态增加或减小button的尺寸。核心代码如下所示：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestJuLi : MonoBehaviour
{
    //中心物体
    private GameObject b;

    public Vector3 m;

    public Vector3 n;

    private float buttonScaleX = 3.0f;
    private float buttonScaleY = 3.0f;
    private float scaleThis = 1.0f;

    private float chaegeSpeed = 0.07f;

    //是否开始
    private bool isBegin = false;
    //是否隐藏
    public bool isShow = true;
    //开始隐藏图标的开关
    private TiShiCount count;

    private void Start()
    {
        isBegin = false;
        b = GameObject.Find("MainGameObject");
        count = GameObject.Find("tiShiCount").GetComponent<TiShiCount>();
        StartCoroutine(BeginToMove());
    }

    private void FixedUpdate()
    {
        ChangeScale();
    }
    /// <summary>
    /// 改变图标大小
    /// </summary>
    void ChangeScale()
    {
        if (isBegin)
        {
            m = this.transform.position;
            n = b.transform.position;
            //Debug.Log((int)(Vector3.Distance(m, n)));
            buttonScaleX = scaleThis / (((int)(Vector3.Distance(m, n))) * Time.deltaTime * chaegeSpeed);
            buttonScaleY = scaleThis / (((int)(Vector3.Distance(m, n))) * Time.deltaTime * chaegeSpeed);
            if (buttonScaleX <= 3.0f && buttonScaleY <= 3.0f)
            {
                this.transform.localScale = new Vector3(buttonScaleX, buttonScaleY, 0);
            }
        }
    }
}

核心代码就是这些，有兴趣的朋友可以自己做个Demo试下，或者更好地给改进一下，有更好的实现方法，请联系我，求教育，求教导。