正文

fairygui&unity使用动效功能实现血条ui扣血与加血的缓动效果(代码片段)

zonciu  zonciu  2023-01-14  645

关键词：

原理

血条使用进度条组件，可以得到当前值与最大值。
通过动效-改变缩放可以让图片宽度从1到0按百分比变化。
动效可以指定播放动效的时间范围

组件设计

创建一个进度条组件，作为血条。

技术分享图片

bar是实际血量条
DownBar是扣血缓动背景图层
UpBar是加血缓动背景图层
LowBar是低血量变色（和控制器配合，本文不讲）
n11组合是血量参考线

发布到Unity。

参考代码

if (hpValue < hpBar.value) // HP降低

    hpBar.DownBar.SetScale((float) (hpBar.value / hpBar.max), 1); // 设置扣血层到当前血量位置
    hpBar.UpBar.visible = false;                                  // 加血图层优先于扣血图层，播放扣血动画前应把加血图层隐藏。
    hpBar.value = hpValue;                                        // 设置当前血量
    hpBar.DownBar.TweenScaleX(hpValue / (float) hpBar.max, 1);    // 扣血层缓动缩放到当前血量

else if (hpValue > hpBar.value) // HP增加

    hpBar.UpBar.SetScale(hpValue / (float) hpBar.max, 1); // 设置加血层缩放
    hpBar.UpBar.visible = true;                           // 显示加血层
    hpBar.TweenValue(hpValue, 1);                         // 播放血量动画

实现结果
技术分享图片

用ecmascript4(actionscript3)实现unity的热更新--使用fairygui(代码片段)

...第三方组件，例如这里介绍一个非常实用的第三方UI库：FairyGUI.什么是FairyGUI这里照搬FaiyGUI官网的介绍：重新定义UI制作流程，全可视化，零代码，是一款同时适用于程序员、设计师和游戏策划的UI制作工具。配合FairyGUI-SDK，在各... 查看详情

用ecmascript4(actionscript3)实现unity的热更新--使用fairygui(代码片段)

上次讲解了FairyGUI的最简单的热更新办法，并对其中一个Demo进行了修改并做成了热更新的方式。这次我们来一个更加复杂一些的情况：Emoji.FairyGUI的 Example04-Emoji场景是一个聊天对话框。玩家可以输入文本和表情，对面的机器... 查看详情

android使用有道翻译api实如今线翻译功能

...中，加入在线翻译的功能，这里调用的是有道翻译的API。使用有道翻译API。首先要申请一个key，申请地址为：有道翻译API申请地址。申请之后就会得到一个keyfrom和一个key。获取翻译结果的数据接口为：http://fanyi.youdao.com/openapi.do?... 查看详情

unity动画之帧动画使用

最近lol手游，获得了几个击败印记。看看这个动画，是不是很可爱呀~前言静态的画面总是让人感到枯燥。如果一个游戏，永远保持静态画面，没有一点动效表现，只会被世人摒弃。可见，在游戏中，动效表现就显得尤为重要了... 查看详情

unity为人物模型添加动效animator(代码片段)

...这个功能，我们只想从它那下载动画文件，自己使用。2设计流程2.1基础环境搭建首先，创建一个新的Unity工程。打开后，是一个干净的场景：然后呢，搞一个平板，作为地面。然后呢，搞个模型进... 查看详情

unity动画之帧动画使用

unityhub破解&unity破解(代码片段)

UnityHub2.5.8Patch以及UnityPro探究前言说教使用的工具安装Node.js工具安装UnityHub以及Unity部分代码修改破解后的效果总结前言说教没啥可以说教的,换新工作后使用的UnityHub自带有破解Unity的功能,十分好奇,所以进行一番探究,想记录一下... 查看详情

unityhub破解&unity破解(代码片段)

unityui界面的热更新技术fairygui的使用流程

...身也能热更新，那么就再好不过了。于是，FairyGUI就由此诞生，FairyGui有自己单独的编辑器，编辑出的配置文件仅仅以资源的方式存在于Unity中，并且它支持Lua语言的脚本逻辑，也就是说，如果我... 查看详情

unityui界面的热更新技术fairygui的使用流程

unity实战之循环列表item渐显(代码片段)

前言最近在做评论功能，使用到了循环列表，需要一个动效表现：第一个item开始依次逐渐显示后面每个item。思路item的渐隐渐显，通常需要使用CanvasGroup来控制，方法如下：localcg=item:GetComponent("CanvasGroup")从0——>1渐显：--先将... 查看详情

unity实战之循环列表item渐显(代码片段)

各种动效收集

一、<a>标签锚点点击滑动到对应位置（基于jq）$(‘a[href*=#],area[href*=#]‘).click(function(){console.log(this.pathname)if(location.pathname.replace(/^//,‘‘)==this.pathname.replace(/^//,‘‘)&&location.hostnam 查看详情

unity语音识别(百度ai长语句语音识别&unity原生短语语音识别)(代码片段)

...代码三、Button长按点击方法的重写1.主要功能完整代码2.使用方法三、工程下载链接一、百度AI语音识别1.代码块讲解（1）首先，初始化一些常量信息，我们在这个工程中需要APIKey、SecretKey,这些会在下面流程中讲到... 查看详情

salvation——关卡功能&数据库基础实现

...组其他成员实现的部分，这里作为学习总结。关卡功能块使用C#语言编写脚本，在Unity3D游戏引擎的环境中实现，数据库功能块使用PHP作为服务端获取MySQL中的数据。按键决定碰撞盒的触发碰撞消除物体增减值按钮实现的场景切换&... 查看详情

信而泰olt使用介绍-网络测试仪实操

一、OLT产品介绍1.概述PON作为FTTX网络发展的核心技术，局端设备OLT尤其重要。本文档中主要介绍OLT的功能特性、业务配置2.基本功能特性2.1大容量和高集成度ZXA10C300集光接入、数据交换、路由处理于一体，提高了系统的集成度。2... 查看详情

Unity保存加载功能：使用Application.persistentDataPath

】Unity保存加载功能：使用Application.persistentDataPath【英文标题】：UnitySaveLoadFunction:UsingApplication.persistentDataPath【发布时间】：2021-11-2412:30:41【问题描述】：我是一名初学者Unity开发人员。我使用支持存储功能的资产制作了保存和... 查看详情