技巧11 FGUI缓动减血

最新推荐文章于 2024-08-14 20:14:46 发布

阿狐（师从飞羽）

最新推荐文章于 2024-08-14 20:14:46 发布

阅读量760

点赞数

分类专栏：入职后 CocosCreator FGUI

本文链接：https://blog.youkuaiyun.com/weixin_45131451/article/details/109101227

版权

本文介绍如何使用FGUI库结合缓动效果，实现游戏中的角色生命值平滑减少的功能，探讨缓动函数的应用和配置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

技巧11 FGUI缓动减血

FGUI缓动减血

FGUI缓动减血

 /**法术直接改变怪物血量 */
    public ChangeMonsterHp(changeValue: number)
    {
   
        //改变怪物生命
        this._monsterCurrentHP = GameMgr.getInstance().ChangeHP(changeValue

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿狐（师从飞羽）

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ui动效 unity_【FairyGUI & Unity】使用动效功能实现血条UI扣血与加血的缓动效果

weixin_28726969的博客

01-30

1203

原理血条使用进度条组件，可以得到当前值与最大值。通过动效-改变缩放可以让图片宽度从1到0按百分比变化。动效可以指定播放动效的时间范围组件设计创建一个进度条组件，作为血条。bar是实际血量条DownBar是扣血缓动背景图层UpBar是加血缓动背景图层LowBar是低血量变色(和控制器配合，本文不讲)n11组合是血量参考线发布到Unity。参考代码if (hpValue < hpBar.valu...

缓动函数详解

xiaoxin888888的专栏

01-13

3585

Linear：无缓动效果；Quadratic：二次方的缓动（t^2）；Cubic：三次方的缓动（t^3）；Quartic：四次方的缓动（t^4）；Quintic：五次方的缓动（t^5）；Sinusoidal：正弦曲线的缓动（sin(t)）；Exponential：指数曲线的缓动（2^t）；Circular：圆形曲线的缓动（sqrt(1-t^2)）；Elastic：指数衰减的正弦曲线缓动；Back：

参与评论您还未登录，请先登录后发表或查看评论

游戏缓动曲线函数

gghhb12的博客

04-17

577

缓动函数指定动画效果在执行时的速度，使其看起来更加真实。现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回弹，最终才又碰触地板。本页可以在每次你需要时，帮助你找到想要的缓动函数。上图是我们常见的曲线列表，章节内所有公式和图表摘自网站有需要可以自行查看。

Gtween缓动

11-03

一种可控制缓动类库

常见动画的缓动函数

lweiyue的专栏

05-09

9048

大多时候，我们的动画都是线性变化的。例如，一个点从0运动到1，假如中间有8个点，那就应该是0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8。但有的时候，我们需要一种非线性的变化。例如我们做一架飞机起飞，它的变化应该是从慢到快的。又比如一个小球落地，它的轨迹应该是抛物线，而且还会弹起。要做到这些，就需要用到缓动函数（EasingFunction）。很多语言都提供了缓动函数库，但如我...

cocos creator FairyGUI（Gtween动画的使用）

weixin_44235418的博客

12-17

4531

最近编写剧情，用到了Gtween动画，用于改变透明度、位置、缩放、颜色，还有对Gtween动画的加速和销毁（1）改变组件透明度 fgui.GTween.to(0, 1, time) .setTarget(this.ui, alpha) .setEase(fgui.EaseType.CubicOut).onComplete(() => { //透明度改变完成 }, this); （2）改变位...

FGUI GTween 完成事件不回调的问题

磨刀不误砍柴工

05-18

1890

最近有个项目出现了动画完成事件不回调的问题, 一开始还以为是FGUI的bug，在社区也没找到答案。只能加日志一探究竟。一、首先 FGUI 里面的动画底层实现都是 GTweener。包括 FGUI 编辑器制作的动画, 通过代码创建的 GObject.TweenMove 或者控件封装的动画 GProgressBar.TweenValue(). 二、所有的GTween都被对象池管理(TweenManager) 这里就有一个很关键的地方。一个被对象池管理的对象，持有其引用就有可能会引发问题。来段有问题的

FGUI动画类的一些方法的使用

qq_39374899的博客

11-27

7581

UIPackage.AddPackage("UI/Extension"); 加载Resources下的文件 GComponent _mainView; 为当前的组件 GGroup _btnGroup; 在fgui上建好的一个组，里面是多种按钮文件之类的 Stage.inst.onKeyDown.Add(OnKeyDown); 在图集上添加一个响应事件 _mainView = this.Ge...

Unity学习——UGUI制作技能的冷却效果

Ding_zhiyuan的博客

09-26

3796

技能冷却的原理是控制Image中的填充效果为Filled时的FilledAmount属性值的依次减少，从而产生技能的冷却效果。首先我们需要准备素材，技能的背景图（SkillBg），技能图（Image），冷却的技能图（FillImage只是把技能图的颜色设置为黑灰色）然后将每个图罗列好（背景图是技能图和冷却图的父物体），背景图和技能图无须修改，只要将冷却图的Image Type修改为F

UGUI扩展N多边形或圆形组件

weixin_43834106的博客

12-21

451

类似的组件早已被写烂了，这里只是分享一下。预览： SlideNumbers：多边形边数量 FillAmount：填充量 UVOffsetAngle：UV旋转偏移 MeshOffsetAngle：网格旋转偏移 AloneCenterColor：是否单独设置中心颜色 FillClockwise：顺时针或逆时针 SetAdviseRotate（按钮）：设置合适的旋转偏移（UV和Mesh） SetNativeSize（按钮）：设置合适的大小精确点击：代码： using .

libfairygui(cocos2d版本的lua绑定).zip

04-23

FairyGUI2群群里某位大佬已经弄好的包

公司常用FGUI

11-19

公司常用FGUI

fgui_1.0-5

12-25

快速创建一个GUI界面的功能，您自动创建函数的参数部件。自动分析的帮助，上下文sensative的这些参数的帮助例程。接口本质上是一些tcltk的程序的简化和方便GUI创建一个包装。

NGUI研究院之制作转圈的技能CD特效（八）

FindSuningShine的专栏

07-17

1889

昨天想做一个技能CD转圈的特效，花了大把的时间去用meshRender组件想通过三角形根据数学算法来绘制一个圆形的网格、通过动态绘制圆形网格的方法来实现技能CD特效。奶奶的昨天我研究了一晚上，终于做出来了。可是今天突然发现NGUI已经实现这个功能了，，真是坑爹啊啊～～～55555555555，在技能图标上面放个半透明的精灵，用来做技能冷却的特效，如下图所示，我就用NGUI中的图标来带代替。

缓动效果

liu_james的专栏

03-12

403

this.attachMovie("logo","logo",1);logo._x=500;logo._y=100;this.onEnterFrame=function(){//开始让logo运动var tmpx=logo._x;logo._x=tmpx-tmpx*0.1;//让logo做一个缓冲运动}

FGUI+TS如何实现数字翻滚

最新发布

蜡笔小新1980的博客

08-14

545

fgui制作动效，设置一个起始帧以及一个结束帧，起始帧改变位置x为0，y为0；结束帧改变位置x为0，y为你后一个数字或符号的位置，在之间设置缓动函数，达到连贯的效果。fgui制作组件，设置一条竖向数字包含1-9或者小数点符号等，可见区域为一个数字大小，最好可见区域紧贴数字，这样滚动的时候滚动区域范围不会太大。制作一个列表，将这个组件放进去，调整位置。fgui制作组件和特效。

UGUI拓展双向可控Fill Amount的Image

weixin_40421645的博客

07-27

908

用到的地方不多实现方法是继承Image，重写OnPopulateMesh GenerateFilledSprite方法复制过来改改就行了主要部分 GenerateFilledSprite方法 void GenerateFilledSprite(VertexHelper toFill, bool preserveAspect) { toFill.Clear(); if (fillAmount < 0.001f)

FGUI踩坑指南

an050602的博客

06-19

5294

fgui的坑注意检查组件是否可穿透空白区域注意是否有组件叠加在上面注意是否有组件丢失素材。注意是否有相同名字的组件！！！ FGUI的位图文本对应的数字应为字符串类型，数字类型传入无效注意组件是否是装载器或者富文本！！！动态的东西要注意！！！富文本不支持单行宽度自适应，添加了两个同样的关联会有双倍效果用控制器控制X/Y时，如果有添加关联的话，极有可能冲突有动效的情况下，添加关联，极有...

tween的缓动效果大全和使用方法

飞浪纪元FE的博客

04-07

5893

缓动函数自定义参数随时间变化的速率。现实生活中，物体并不是突然启动或者停止，当然也不可能一直保持匀速移动。就像我们打开抽屉的过程那样，刚开始拉的那一下动作很快，但是当抽屉被拉出来之后我们会不自觉的放慢动作。或是掉落在地板上的物体，一开始下降的速度很快，接着就会在地板上来回反弹直到停止。 easeInSine easeOutSine easeInOutSine easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOut

FGUI 开宝箱动画demo

06-06

以下是一个简单的FGUI开宝箱动画的demo： 1. 首先，在FairyGUI编辑器中，创建一个容器组件，命名为"ChestContainer"，并将宝箱和动画元素添加到该容器中。 2. 为动画元素添加Animation组件，并创建一个AnimationClip动画剪辑。在动画剪辑中，添加两个关键帧，一个表示宝箱关闭状态，一个表示宝箱打开状态。在每个关键帧中，设置动画元素的位置和旋转角度，以实现开启和关闭动画。 3. 在代码中，通过以下方式获取容器组件和动画元素的引用： ```csharp GComponent chestContainer = this.GetChild("ChestContainer").asCom; GObject chest = chestContainer.GetChild("Chest"); GObject animationElement = chestContainer.GetChild("AnimationElement"); ``` 4. 调用动画元素的Play方法，触发宝箱的开启和关闭动画： ```csharp Animation animation = animationElement.asCom.GetTransition("ChestTransition"); animation.Play(onComplete: () => { Debug.Log("Chest animation completed!"); }); ``` 完整的代码示例： ```csharp using UnityEngine; using FairyGUI; public class ChestDemo : MonoBehaviour { private GComponent chestContainer; private GObject chest; private GObject animationElement; void Start() { // 获取容器组件和动画元素的引用 chestContainer = this.GetChild("ChestContainer").asCom; chest = chestContainer.GetChild("Chest"); animationElement = chestContainer.GetChild("AnimationElement"); // 注册点击事件，触发宝箱开启动画 chest.onClick.Add(() => { Animation animation = animationElement.asCom.GetTransition("ChestTransition"); animation.Play(onComplete: () => { Debug.Log("Chest animation completed!"); }); }); } } ``` 这样，当点击宝箱时，就可以触发开启动画了。