Unity血条缓冲效果

最新推荐文章于 2023-08-20 21:37:37 发布

原创

最新推荐文章于 2023-08-20 21:37:37 发布 · 613 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#unity

用到四张图片，按照以下层级：
1.血条背景
2.血条缓冲效果
3.血条
4.血条外框

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Damage : MonoBehaviour
{
   
   
    public

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lingo_work

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

unity实现延迟虚血，掉血缓冲的血条效果

向宇

05-19

888

使用素材效果如下图所示：首先在场景中创建一个新的Canvas，并命名为HeathBar，并创建三个Image作为前者的子物体，分别命名为bg（空血条背景），Effect（呈现“掉血”时的缓冲效果），HP（显示血量）。并按前文中描述的顺序依次将后者置于前者下方；

unity 3种办法实现血条效果并实现3d世界血条一直看向摄像机

向宇

05-19

2683

普通血条栏：渐变色血条栏：缓冲血条栏： 3D场景血条栏跟随玩家移动：在Canvas下创建一个空物体HP bar,在空物体下方创建3个Image，分别为血条框bar 黑色，最大HP maxHP 白色，和当前HP currentHP 红色。（PS：注意先后顺序以调整显示的图层）效果：点击HP bar，添加slider（滑块）组件，进行以下设置，最小值和最大值可以关联血量自行调整。当拖动Value值时，就能实现改变血条的宽度。效果：拖动Value值创建一个脚本HPbar，拖拽给空物体H

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

1 条评论

大家一起学编程（python） 2021.07.05
期待你更多好的作品

UGUI缓动血条制作

梵修静思

03-21

1532

using UnityEngine; using System.Collections; using UnityEngine.UI; public class BossHealthBar : MonoBehaviour { public static BossHealthBar instance; public GameObject goHealthBar; public

Unity3D:血条缓冲

qq_46324811的博客

01-28

205

血条缓存

Unity笔记实现血条缓冲

qq_44979481的博客

08-20

618

游戏中如果只设置红色会显得很生硬。一般来说游戏中的血条不仅有红色的血条，还有一段缓冲血条用于显示血量的变化。

unity中血量缓冲

m0_66744030的博客

05-29

136

先定义一个基类，因为人物有血条，敌人也有血条。

unity缓动itween

03-18

unity3D缓动库比较新的一个版本，测试可用如果没法用的可以用我以前上传的一个打包文件

unity3d做会减少的血条_Unity3d中NGUI加强版血条(Healthbar)的制作

weixin_30611667的博客

01-14

871

这阵子项目中需要用到一种特殊样式的血条。描述如下：1. 正常颜色为红色。受到伤害后，即将扣除的血量变暗(暗红色)，并有下降动画效果；2. 加护盾效果后，增加一部分血量值，该额外部分为白色，护盾效果消失后该部分血量瞬间消失；3. 在护盾效果下受到伤害时，首先扣除白色血量。白色血量不足扣除时，余下部分从红色血量中扣除；4. 白色血量的扣除效果为变为灰色并有下降动画效果；4. 当加护盾效果时，若即将添加...

Unity 角色血条的简单实现

weixin_41551630的博客

03-13

841

1.素材准备本次绘制了三张图片，分别用于表示血条，缓冲血条，血条的外框。 2.创建Image对象若开始未创建Canvas即画布，会默认创建一个画布，并将创建的Image对象作为创建画布的子对象。此次需要在同一画布下创建三个Image。 3.配置Canvas和Image Canvas配置：本次面向的场景是跟随在游戏角色身上的血条，因此需要将Canvas的Render Mode设置为Wrold ...

Unity 血条及“掉血”缓冲效果

qq_53401568的博客

12-06

3147

unity血条及“掉血”缓冲效果

unity 血条进度条减血效果

03-09

unity血条进度条减血效果这一章我们讲处理HUD的显示与隐藏，首先我们找到在第一章所提供的下载链接中找到Resources—》Content3中找到HUD.Unitypackage包，把它导入到我们的项目包中。这时我们会发现在Prefabs文件夹中多了一个HUD预设。我们把HUD预设拖到场景中

Cocos2D游戏之旅（二）：主角血条的实现

08-02

Cocos2D游戏之旅（二）：主角血条的实现对应的博客讲解地址：http://blog.youkuaiyun.com/qiulanzhu/article/details/47209823

带变化刻度的血条（两种实现模式）

12-14

踩了很多坑，基于C#和Unity做了两种可以刻度变化的血条，一种随着刻度数量增多，刻度线像素宽会减小，一种是不受影响的，仅供游戏开发过程中的参考

血条缓动变化

zhaozhao110的专栏

10-16

946

就是改变进度条时候用缓动改变。 public function changeDataByTween(ratio:Number,style:int=0):void { if(fgCanvas==null){ compInit(); } ratio ratio>1?ratio=1:ratio; curRat

7.Unity2D 横版未受伤害时，血条缓慢变透明+伤害数值显示（浮动，大小，颜色）+协程的应用

雾狼的游戏屋

07-09

1431

Unity2D 横版未受伤害时，血条缓慢变透明+伤害数值显示（浮动，大小，颜色）+协程的应用 1.血条缓慢变淡。我们都知道，当敌人过多的时候，血条重叠在一起会给人在视觉上造成很大的干扰，也不利于打击感。所以，有必要建立血条缓慢变透明的脚本。 2.伤害数值显示。为角色下面新建一个画布，然后在画布下面在新建txt文本。注意打开。画布的这模式为世界空间这样他就可以跟随角色进行移动。控制画布的scale调整好文本框和画布的位置。...............

Unity-UGUI 血条制作-缓动效果(HP Slider)-多层血条

常城的专栏

04-14

4643

今天尝试用一个新方法做血条缓动效果：新建一个Slider，[隐藏]或者[删去]滑动按钮 Handle Slide Area，变成血条的样子：多层缓慢掉血的重点：加入一个新的Fill层，也就是相当于增加一个血条的上层表现。直接ctrl+d复制一个Fill就好，如图调整这个Fill的参数: ...

6.Unity2D 横版受击反馈+跟随血条+延时/延迟扣血+协程的应用

雾狼的游戏屋

07-08

4191

Unity2D 横版受击反馈+跟随血条+延时/延迟扣血+协程的应用在我的程序里，我也使用了攻击碰撞盒的建立。并且是通过受击动画和击退来完成受击反馈的。最后通过协程来结束受击判定条件。当然根据大佬的教程来说，如果并没有受击动画的话，咱们可以改变动画播放速度+协程调回原来的速度和改变精灵图变白色来进行受击反馈。由于血条需要移动，如果用UI的话（UI必须放在画布下面且固定），需要计算坐标，很难处理。所以直接加上去血条作为角色的子体更加方便，我们需要创建一个血条空对象。然后在血条项下加入最大血条，延迟扣血血条和目

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

weixin_28726969的博客

01-30

1354

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

[原创]unity3D学习【功能实现】之六：延续功能五，血条，点击减血等ugui

J辉的博客

08-15

3862

这个是gif，点击查看动画效果。之前功能五用的是text mesh，发现这个功能更多的用在3D方面，而且好像用到的地方不多，所以这个用ugui的画布canvas来做。 1、首先建立一个背景2d object-sprite，改名为bg，随便拖张背景图片。这一步并不重要有一点要讲下，就是我的素材，在project里面的两张图片my2048和空数字。他们中的inspec

unity sprite制作血条

最新发布

10-22

<think>在之前的交互中，用户询问如何使用Unity的Sprite制作血条，并提供了站内引用作为参考。根据引用内容，主要有以下几种方法： 1. 使用Sprite Renderer创建基础血条（引用1和引用3） - 创建空物体作为血条容器 - 添加背景Sprite（血条框）和前景Sprite（红色血条） - 通过调整前景Sprite的宽度或缩放来实现血量变化 - 特别注意：引用3提到需要修改Sprite的Pivot（轴心点）为Left/TopLeft，确保血条从左侧开始变化 2. 使用进度条原理（引用2和引用4） - 用两个Sprite表示血量：当前血量和已损失血量（类似于NGUI的背景和前景） - 引用4使用Unity UI系统的Image组件（需Canvas），通过fillAmount控制填充 3. 缓冲血条效果（引用4） - 使用两个Image：一个即时变化（当前血量），一个延迟变化（缓冲血量） - 通过协程实现平滑过渡用户明确要求使用"Sprite"制作血条（非UI系统），因此重点应放在Sprite Renderer方案上。结合引用1和引用3的步骤： **详细步骤：** 1. **准备素材**：血条背景框（透明边框的矩形）和血条填充（纯色矩形，建议红色）。 2. **创建血条结构**： - 创建空物体（如"HealthBar"）作为血条根对象，绑定到角色或建筑物上。 - 在空物体下创建背景Sprite（BG）：导入背景图片，设置Sprite Renderer的Sprite属性。 - 在BG下创建子物体Foreground（红色血条）：同样设置Sprite Renderer，并调整层级使其显示在背景上方。 3. **调整轴心点(Pivot)**： - 在Sprite导入设置中，将血条填充图的Pivot设置为Left（或Top/Bottom Left，根据需求）。 - 确保血条缩短时从左侧向中间收缩（而非中心对称收缩）。 4. **控制血条长度**： - 通过脚本动态修改前景Sprite的`transform.localScale.x`（X轴缩放）或Sprite Renderer的`size`属性（需Sprite类型为Tiled）来实现血量变化。 - 示例计算：`foreground.transform.localScale = new Vector3(currentHP / maxHP, 1, 1);` **脚本示例（基础版）：** ```csharp using UnityEngine; public class HealthBar : MonoBehaviour { public SpriteRenderer foregroundSprite; // 红色血条Sprite private float maxHP = 100; private float currentHP; void Start() { currentHP = maxHP; UpdateHealthBar(); } public void TakeDamage(float damage) { currentHP = Mathf.Clamp(currentHP - damage, 0, maxHP); UpdateHealthBar(); } void UpdateHealthBar() { // 调整血条缩放（轴心点需设为Left） Vector3 newScale = foregroundSprite.transform.localScale; newScale.x = currentHP / maxHP; // 缩放比例 foregroundSprite.transform.localScale = newScale; } } ``` **注意事项：** - **层级管理**：确保血条渲染在角色上方（可通过调整Sprite Renderer的Order in Layer或使用Billboard脚本使其始终面向相机）。 - **跟随物体**：将血条根对象设为目标的子物体，或使用脚本同步位置。 - **缓冲效果扩展**：若需缓冲效果（如引用4），可添加第二个Sprite作为延迟条，用协程渐变缩放（非UI方案需自行实现插值）。 **其他方案对比：** - **UI方案（Image组件）**：更适合屏幕空间血条（如玩家血条），但用户明确要求Sprite，故不展开。 - **3D血条（引用3）**：将Sprite放置于3D空间，需额外处理透视和遮挡。综上，Sprite Renderer方案是满足用户需求的核心方法。 </think>以下是基于引用内容整理的Unity使用Sprite制作血条的完整方法，重点结合引用[1][3]的Sprite Renderer方案和引用[4]的缓冲效果原理： ### 一、基础血条制作（Sprite Renderer方案） 1. **创建血条结构** - 新建空物体`HealthBar`作为血条容器（绑定到角色/建筑对象）[^3] - 创建背景Sprite：`Create → 2D Object → Sprite`命名为`BG`，设置Sprite Renderer的Sprite为边框图片[^1] - 创建血条Sprite：在`BG`下创建子物体`Fill`，设置Sprite为红色血条图片 2. **关键设置（解决血条缩放问题）** ```csharp // 在血条图片导入设置中修改Pivot（轴心点） Texture Type → Sprite(2D and UI) Pivot → 设置为Left/TopLeft（使血条从左侧开始缩放）[^3] ``` > 若不修改轴心点，血条会从中心缩放，不符合血条减少的视觉效果[^3] 3. **控制血条脚本** ```csharp public class HealthSystem : MonoBehaviour { public float maxHp = 100; public float currentHp; public SpriteRenderer fillSprite; // 红色血条对象 void Start() { currentHp = maxHp; } public void TakeDamage(float damage) { currentHp = Mathf.Clamp(currentHp - damage, 0, maxHp); // 关键：通过缩放控制血条长度 Vector3 newScale = fillSprite.transform.localScale; newScale.x = currentHp / maxHp; // 计算血量比例 fillSprite.transform.localScale = newScale; } } ``` ### 二、进阶：缓冲血条效果（引用[4]原理） ```csharp public SpriteRenderer currentFill; // 当前血条（红色） public SpriteRenderer delayFill; // 缓冲血条（黄色） private float delayHp; private float delayTime = 0.5f; // 缓冲时间 void Update() { if (delayHp > currentHp) { delayHp -= Time.deltaTime * (maxHp / delayTime); Vector3 delayScale = delayFill.transform.localScale; delayScale.x = delayHp / maxHp; delayFill.transform.localScale = delayScale; } } public void TakeDamage(float damage) { currentHp = Mathf.Clamp(currentHp - damage, 0, maxHp); // 更新当前血条 Vector3 currentScale = currentFill.transform.localScale; currentScale.x = currentHp / maxHp; currentFill.transform.localScale = currentScale; // 触发缓冲血条延迟减少 delayHp = currentHp + damage; // 缓冲条从受伤前的血量开始减少 } ``` ### 三、实现效果优化 1. **层级控制** - 设置`BG`的Order in Layer = 0 - 设置`delayFill`的Order in Layer = 1（底层） - 设置`currentFill`的Order in Layer = 2（顶层） 2. **跟随目标物体** ```csharp void LateUpdate() { // 使血条始终面向摄像机（Billboarding效果） transform.rotation = Camera.main.transform.rotation; // 位置偏移（例如在角色头顶） transform.position = target.position + Vector3.up * 2f; } ``` 3. **材质优化** - 为血条Sprite创建Unlit材质，避免受场景光照影响 - 启用Alpha混合：`Rendering Mode → Transparent` > 此方案结合了Sprite Renderer的3D空间定位优势[^3]和缓冲血条的平滑视觉效果[^4]，适合场景中的物体血条显示。实际效果参考下图： > ![血条效果示意](https://example.com/healthbar-demo.png)（示意图：左侧为当前血量，右侧黄色为缓冲血量）