FairyGUI增益BUFF数值改变的显示

点击此处下载素材

一、FGUI中的操作

1、导入资源

2、新建两个位图字体和一个动画

（1）addValue位图字体

（2）attackValue位图字体

（3）Fire动画

3、新建一个字体和背景

紧接着可以在右边添加一个序列帧动画，当战斗力增加的时候，让火焰闪现。如下图所示：

4、添加动效

（1）添加动效之前，先添加组，这样对后续的一些处理会比较方便。
全选，按住Ctrl+G，打组，并选择高级组

（2）添加动效

还可添加一些小细节，就是火焰也需要添加特效。我们希望当玩家的数值改变的时候，也就是战斗力增大的时候，让火焰显现出来，表示变强了。

（1）首先对火焰的轴心重新设置一下，再将它的不透明度改为0

（2）再次进入动效编辑，自己随便尝试做一些特效，无具体要求

（3）做一些小小的改动

5、制作按钮

通过点击按钮来增加数值的值。

（1）导入素材

（2）新建组件，用来控制按钮显示，也就是主场景（主面板）

（3）新建按钮

（4）将按钮拖入到Component1组件中

6、打包发布

二、Unity中的操作

1、显示按钮

2、编写脚本

注意：需要引入DOTween.dll库，首先需要在Unity的资源商店里搜索“dotween”，进行下载后导入，方可在C#脚本中引入using DG.Tweening;的命名空间。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;
using DG.Tweening;public class ZengYiBUFF : MonoBehaviour
{private GComponent mainUI;  //主UIprivate GComponent addValueCom;  //增加值的组件private float startValue;  //结束值private float endValue; //开始值void Start(){mainUI = GetComponent<UIPanel>().ui;  //获取主UIaddValueCom = UIPackage.CreateObject("Package1", "AddValue").asCom;//.asCom把它转成GComponent类型addValueCom.GetTransition("t0").SetHook("AddValue", AddAttackValue);  //设置FGUI中所添加标签对应关键帧的事件mainUI.GetChild("n0").onClick.Add(() => { PlayUI(addValueCom); });  //给按钮注册一下监听事件//设置一下它的标签状态}// Update is called once per framevoid Update(){}private void PlayUI(GComponent targetCom){mainUI.GetChild("n0").visible = false;GRoot.inst.AddChild(targetCom);Transition t = targetCom.GetTransition("t0");//设置动效关联startValue = 10000;int add = Random.Range(1000, 3000);endValue = startValue + add;addValueCom.GetChild("n2").text = startValue.ToString();addValueCom.GetChild("n4").text = add.ToString();t.Play(() =>{mainUI.GetChild("n0").visible = true;GRoot.inst.RemoveChild(targetCom);});}/// <summary>///该方法是将当前战斗力从10000增加到12000，///需要引入using DG.Tweening命名空间（Unity资源商店中下载）/// </summary>private void AddAttackValue(){DOTween.To(() => startValue, x => { addValueCom.GetChild("n2").text = Mathf.Floor(x).ToString(); }, endValue, 0.3f).SetEase(Ease.Linear).SetUpdate(true);}
}

3、运行效果

FairyGUI增益BUFF数值改变的显示相关推荐

json格式转数组过程数值改变的问题
json格式转数组过程数值改变项目场景: 从后端传过来的list列表当中,需要拿到列表某一项里的一个对象里的某个属性值问题描述: 对象是一个json格式的数组,需要转换一下,用JSON.parse ...
shell中使用echo命令改变输出显示样式
文本终端的颜色可以使用"ANSI非常规字符序列"来生成.举例: echo -e "\033[44;37;5m ME \033[0m COOL" 以上命令设置背景 ...
unix改变shell显示颜色
编写shell脚本的时候.通过改变shell的显示颜色,不但可以改变使用shell终端的体验,并且更为有用的是,可以通过改变显示内容的颜色来区分正常输出.warning和error等不同关注级别的输出 ...
jquery通过数值改变球大小
在业务中遇到一个问题:在页面上显示一个球.且球的大小会应数字的大小而改变. 我们都知道 js是能够画圆(用css样式准备一个圆.假设addClass),但这并非我们想要的. 于是笔者脑洞打开:用样式画 ...
jQuery动态改变图片显示大小(修改)
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持 ...
SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) UI 如何通过调整 CSS 来改变UI显示风格
这是Jerry 2021年的第 19 篇文章,也是汪子熙公众号总共第 290 篇原创文章. 本文分别针对 SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) UI,介 ...
tableau通过集动作改变突出显示
客户需求:我想要当鼠标悬停/选择的时候能够突出我所选择的对象. 哒啦嘣吧:好的,没问题. 接下来看看怎么实现的吧. 一.开启tableau空白工作簿,数据源链接示例超市数据二.将地点分层结构下的[省 ...
Linux：改变和显示目录或路径
gdb提供了让用户指定.显示.修改源文件搜索路径或目录的命令,以便对程序进行调试. ( 1) directory 命令该命令可以将给定目录dir添加到源文件搜索路径的开头,并且忽略先前保存的有关源文 ...
【OpenCV-Python】：Canny边缘检测的图像化与数值化直观显示
首先给出Canny边缘检测的代码! import cv2img = cv2.imread('C:\\Users\\Wxr\\Desktop\\21.jpg', cv2.IMREAD_GRAYSCALE ...

FairyGUI增益BUFF数值改变的显示

FairyGUI增益BUFF数值改变的显示

一、FGUI中的操作

1、导入资源

2、新建两个位图字体和一个动画

（1）addValue位图字体

（2）attackValue位图字体

（3）Fire动画

3、新建一个字体和背景

4、添加动效

5、制作按钮

6、打包发布

二、Unity中的操作

1、显示按钮

2、编写脚本

3、运行效果

FairyGUI增益BUFF数值改变的显示相关推荐

最新文章

热门文章