unity学习笔记

一、DOTween练习

1.金币搜集动画

新建一个Panel，将其的 Image组件的透明度条件为0，在为其添加一个脚本，命名为UIManager，后面将用这个脚本来控制整个动画。效果如下：

创建一个空物体并命名为CoinParent，在为其创建一个子物体image，将素材图片跟换，在为其添加一个脚本CoinDOTween，用来控制动画。再将子物体image重命名为Coin并设置为预制体。

创建一个积分的背景，命名为ScoreBg，在创建一个 image作为金币的图标，

创建一个文本框作为显示数字的变化。

然后新建一个button，作为增加金币的按钮，这样基本的场景就搭建好了。效果如下：

接下来开始脚本编辑

序列化拿到需要的东西

? ? [SerializeField] private Transform coinParent;
? ? [SerializeField] private Image coinPrefab;
? ? [SerializeField] private int positionMin, positionMax;//获取随机位置
? ? [SerializeField] private int rotationMin, rotationMax;//转动角度
? ? [SerializeField] private TextMeshProUGUI counterText;//计数

然后为了方便动画控制这里需要建立一个数组

?private List<Image> _coinList = new List<Image>();?

创建用于计数的变量

? ? private int _CoinNum = 0;//用于计数

需要一个生成金币预制体的方法，并且生成的数量是随机的。

? ? private void Generatecoins()
? ? {
? ? ? ? int num = Random.Range(7, 16);
? ? ? ? for(int i = 0;i < num; i++)
? ? ? ? {
? ? ? ? ? ? Image coin = Instantiate(coinPrefab, Vector3.zero, Quaternion.identity, coinParent);//生成预制体
? ? ? ? ? ? coin.transform.localPosition = new Vector3(Random.Range(positionMin, positionMax + 1)
? ? ? ? ? ? ? ? , Random.Range(positionMin, positionMax + 1), 0);//设置位置随机
? ? ? ? ? ? coin.transform.rotation = Quaternion.Euler(new Vector3(0, 0, Random.Range(rotationMin, rotationMax + 1)));//设置角度随机
? ? ? ? ? ? _coinList.Add(coin);
? ? ? ? }
? ? ? ? _CoinNum = num;
? ? }

写一个按钮的放方法来调用随机生成金币

? ? public void Reward()
? ? {
? ? ? ? _coinList.Clear();//每次点击按钮清空
? ? ? ? Generatecoins();
? ? }

写完这部分逻辑之后找到UIManager物体，将相关物体关联，并附与相应的数值，再将按钮绑定。

现在测试是否能正常生成，效果如下：

现在随机生成的逻辑正确，接下来做第二部分。

编写生成动画的方法，希望实现的动画效果是金币是一个个间隔的时间过去，要为金币设置一个延时

? ? private void MakeTweens()
? ? {
? ? ? ? float delay = 0f;
? ? ? ? for(int i = 0; i < _CoinNum; i++)
? ? ? ? {
? ? ? ? ? ? _coinList[i].GetComponent<CoinDOTween>();
? ? ? ? }
? ? }

现在编写CoinDOTween脚本里面的逻辑

?private Image _image;
? ? [SerializeField] private Vector2 _tangetPos;

? ? private void Awake()
? ? {
? ? ? ? _image = GetComponent<Image>();
? ? }
? ? //播放动画

? ? public void playTween(float delay)
? ? {
? ? ? ? transform.DOScale(1, 0.3f).SetEase(Ease.OutBack).OnComplete(() =>
? ? ? ? {
? ? ? ? ? ? _image.rectTransform.DOMove(_tangetPos, 0.6f).SetEase(Ease.OutQuad).SetDelay(delay).OnComplete(() =>
? ? ? ? ? ? {
? ? ? ? ? ? ? ? transform.DOScale(0, 0.1f).SetEase(Ease.InBack).OnComplete(() =>
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? Destroy(gameObject);?
? ? ??
? ? ? ? ? ? ? ? });
? ? ? ? ? ? });
? ? ? ? ? ? _image.rectTransform.DORotate(Vector3.zero, 0.6f).SetEase(Ease.OutQuad).SetDelay(delay);
? ? ? ? });
? ? }

在播放动画时希望从无到有，因此修改一下预制体的缩放属性为0，然后从小变大。

这样金币就会朝着，金币图标方向移动并消失。最后效果：

点击按钮后移动到这个位置并消失