Unity实现雀巢品牌区仿Apple watch图标效果
程序员文章站
2024-03-21 11:31:16
...
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试下,或者更好地给改进一下,有更好的实现方法,请联系我,求教育,求教导。
上一篇: Android 动画——属性动画
下一篇: 小程序 底部tab