当前位置:网站首页>Fairygui gain buff value change display
Fairygui gain buff value change display
2022-07-06 12:42:00 【SQ Liu】
FairyGUI gain BUFF Display of value changes
Click here to download the material
One 、FGUI The operation
1、 Import resources
2、 Create two new bitmap fonts and an animation
(1)addValue Bitmap fonts
(2)attackValue Bitmap fonts
(3)Fire Animation
3、 Create a new font and background
Then you can add a sequence frame animation on the right , When combat effectiveness increases , Let the flames flash . As shown in the figure below :
4、 Add action
(1) Before adding dynamic effects , Add group first , This will be more convenient for subsequent processing .
Future generations , Hold down Ctrl+G, Play group , And select the advanced group
(2) Add action
You can also add some small details , Even the flame also needs to add special effects . We hope that when the player's value changes , That is, when the combat effectiveness increases , Let the flame show , It means stronger .
(1) First, reset the axis of the flame , Then change its opacity to 0
(2) Enter dynamic editing again , Try to do some special effects by yourself , No specific requirements
(3) Make some small changes
5、 Make buttons
Increase the value of the value by clicking the button .
(1) Import material
(2) New component , Used to control the button display , That is, the main scene ( Main panel )
(3) The new button
(4) Drag the button to Component1 In the component
6、 Packaging releases
Two 、Unity The operation
1、 Display button
2、 Write a script
Be careful : Need to introduce DOTween.dll library , The first thing you need to do is Unity Search in the resource store of “dotween”, Import after downloading , Only in C# The script introduces using DG.Tweening; The namespace of .
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;
using DG.Tweening;
public class ZengYiBUFF : MonoBehaviour
{
private GComponent mainUI; // Lord UI
private GComponent addValueCom; // Add value components
private float startValue; // End value
private float endValue; // Starting value
void Start()
{
mainUI = GetComponent<UIPanel>().ui; // Get master UI
addValueCom = UIPackage.CreateObject("Package1", "AddValue").asCom;
//.asCom Turn it into GComponent type
addValueCom.GetTransition("t0").SetHook("AddValue", AddAttackValue); // Set up FGUI The event of the keyframe corresponding to the tag added in
mainUI.GetChild("n0").onClick.Add(() => {
PlayUI(addValueCom); }); // Register the monitoring event for the button
// Set its tag status
}
// Update is called once per frame
void Update()
{
}
private void PlayUI(GComponent targetCom)
{
mainUI.GetChild("n0").visible = false;
GRoot.inst.AddChild(targetCom);
Transition t = targetCom.GetTransition("t0");// Set dynamic effect correlation
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>
/// This method is to reduce the current combat effectiveness from 10000 Add to 12000,
/// Need to introduce using DG.Tweening Namespace (Unity Download from the resource store )
/// </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、 Running effect
边栏推荐
- FairyGUI摇杆
- Common properties of location
- Minio文件下载问题——inputstream:closed
- Particle system for introduction to unity3d Foundation (attribute introduction + case production of flame particle system)
- [Red Treasure Book Notes simplified version] Chapter 12 BOM
- Unity3d makes the registration login interface and realizes the scene jump
- Fairygui joystick
- Symbolic representation of functions in deep learning papers
- Common DOS commands
- (课设第一套)1-4 消息传递接口 (100 分)(模拟:线程)
猜你喜欢
单片机蓝牙无线烧录
Lock wait timeout exceeded try restarting transaction
FairyGUI简单背包的制作
NRF24L01 troubleshooting
[Clickhouse kernel principle graphic explanation] about the collaborative work of partitioning, indexing, marking and compressed data
[Nodejs] 20. Koa2 onion ring model ----- code demonstration
In 2020, the average salary of IT industry exceeded 170000, ranking first
Types de variables JS et transformations de type communes
Unity scene jump and exit
Stm32f1+bc20+mqtt+freertos system is connected to Alibaba cloud to transmit temperature and humidity and control LED lights
随机推荐
Detailed explanation of truncate usage
Gateway fails to route according to the service name, and reports an error service unavailable, status=503
[offer9] implement queues with two stacks
Pytorch: tensor operation (I) contiguous
Stm32f1+bc20+mqtt+freertos system is connected to Alibaba cloud to transmit temperature and humidity and control LED lights
Lock wait timeout exceeded try restarting transaction
Page performance optimization of video scene
Knowledge summary of request
Learning notes of JS variable scope and function
JS變量類型以及常用類型轉換
Fabrication of fairygui simple Backpack
Basic operations of databases and tables ----- creating data tables
@The difference between Autowired and @resource
MySQL時間、時區、自動填充0的問題
Naive Bayesian theory derivation
Basic operations of databases and tables ----- modifying data tables
[Red Treasure Book Notes simplified version] Chapter 12 BOM
Vscode basic configuration
Esp8266 connect onenet (old mqtt mode)
FairyGUI复选框与进度条的组合使用