【Unity】UGUI实现伤害数字显示效果

最新推荐文章于 2024-04-17 23:07:00 发布
最新推荐文章于 2024-04-17 23:07:00 发布
阅读量9k 收藏 47
点赞数 10
分类专栏： Unity3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dawson_Ho/article/details/86835776
版权
实现效果

 

1、 创建Canvas

         在模型创建一个Canvas作为子物体，Canvas放置到模型的上方并调整到合适大小

         设置Canvas的渲染方式为World Space

 

2、创建文字预制体

在Canvas创建一个Text文本，设置字体的大小和颜色后拖到资源文件夹作为预制体

 

3、写脚本控制文字的生成和动画效果

在文字预制体HUD上新建一个HUD脚本，代码如下


                

        

        

    




        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  Cimoon_
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    10
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    47
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  4
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          

                

                        订阅专栏
                










                



	

		

			

				
					
[Unity3D] Unity3D游戏开发之UGUI实现伤害数值显示

				
			

			

				

					一入編程深似海!
				

				

					10-20
					
					6103
					
				

			

		

		

			
				
UGUI实现伤害数值显示的原理是在人物头顶放置空物体，然后将下面的脚本挂在空物体上，将该空物体制作为预制体；
using UnityEngine;
using System.Collections;

public class PopupDamage : MonoBehaviour {
    //目标位置  
    private Vector3 mTarget;
    //屏幕坐标  


			
		

	



                

              
                



	

		

			

				
					
Unity伤害字体飘血效果

				
			

			

				

					01-04
				

			

		

		

			
				
提供不同形式的字体飘血效果，包括源码和事例，操作平台为Unity基于UGUI的制作

			
		

	



                


  
              

                


	

		

			

				
					
Unity 简单的伤害数字显示

				
			

			

				

					weixin_44294245的博客
				

				

					03-01
					
					6050
					
				

			

		

		

			
				
Unity 伤害数字显示
参考链接https://blog.csdn.net/book_longssl/article/details/39610775?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-7&spm=1001.2101.3001.4242
试着做了下伤害数字的显示 效果如下

首先是新建一个c#脚本
using System.Collections;
using System.Collections.Gene

			
		

	





	

		

			

				
					
【Unity】Unity插件使用——Damage Numbers Pro

				
			

			

				

					ainklg的博客
				

				

					07-11
					
					969
					
				

			

		

		

			
				
Damage Number Pro 是一款进行伤害飘字的插件。使用该插件可以方便快捷的进行游戏战斗中常见的伤害数字浮现效果进行处理。

			
		

	



		

			
		



	

		

			

				
					
Unity 伤害值的显示

				
			

			

				

					海月的博客
				

				

					04-26
					
					1106
					
				

			

		

		

			
				
需求

当玩家攻击角色时，将伤害的数值随机生成于小怪的画布上

数值由小变大，由透明变不透明

显示一段时间之后，数值逐渐褪色

实现方法

将一个文本预制体，并在上面挂载脚本



攻击判断成功时，克隆该预制体到小怪的画布上

思路

使用 DOLocalMove 对文本进行一段平移插值

使用 DoScale 对文本大小进行缩放插值

使用 DOFade 对文本透明度进行插值

使用 协程 暂停一段时间，再对文本透明度进行插值

代码


using System.Collections;
using 

			
		

	





	

		

			

				
					
unity伤害数字显示，最简单简洁的方法

				
			

			

				

					meng132512的博客
				

				

					08-12
					
					3087
					
				

			

		

		

			
				
unity伤害数字显示，全网最简单

			
		

	





	

		

			

				
					
Unity UGUI数字滚动

				
			

			

				

					02-09
				

			

		

		

			
				
在Unity UGUI中实现数字滚动是一个常见的需求，例如在显示游戏得分、生命值、资源数量等动态变化的数值时。本文将深入探讨Unity UGUI数字滚动的实现方法，以及如何通过提供的`Clock.unitypackage`文件进行学习和应用...

			
		

	





	

		

			

				
					
Unity UGUI实现滑动翻页效果

				
			

			

				

					08-19
				

			

		

		

			
				
Unity UGUI 实现滑动翻页效果   Unity UGUI 是 Unity 游戏引擎中的一种用户界面系统，提供了许多实用的功能来帮助开发者快速构建用户界面。滑动翻页效果是 UGUI 中的一种常见效果，通过滑动手势来翻页，非常适合移动...

			
		

	





	

		

			

				
					
Unity UGUI Text竖排显示

				
			

			

				

					07-11
				

			

		

		

			
				
很不错

			
		

	





	

		

			

				
					
Unity UGUI实现简单拖拽图片功能

				
			

			

				

					08-19
				

			

		

		

			
				
Unity UGUI实现简单拖拽图片功能  在 Unity 中实现拖拽图片功能是非常常见的需求，特别是在制作游戏、交互式应用程序时。在本文中，我们将详细介绍如何使用 Unity UGUI 实现简单拖拽图片功能。  UGUI 坐标系统 -----...

			
		

	





	

		

			

				
					
Unity UGUI实现卡片椭圆方向滚动

				
			

			

				

					08-26
				

			

		

		

			
				
 Unity UGUI实现卡片椭圆方向滚动是指在 Unity 游戏引擎中使用 UGUI 组件实现卡片椭圆方向滚动效果的技术。这种效果在游戏、育成类应用程序中非常常见，能够为用户提供更加直观和交互的体验。  UGUI 卡片椭圆方向...

			
		

	





	

		

			

				
					
Unity UGUI 血条 伤害数字 优化

				
			

			

				

					qq_31480839的博客
				

				

					05-20
					
					2153
					
				

			

		

		

			
				
血条：
游戏开发中，血条位置会因为角色位置改变而频繁进行刷新。这个过程会耗费比较多的性能，下面提出一些小的优化。
1：血条缓存，这个是最基本的，不能因为血条出现一次重建一次，太费了。
2：降低更新频率，可以尝试每五帧更新一次UI。(当然也可以是人物走了多少距离了再更新， 共同使用)
3：将所有血条独立到一个Canvas下，因为一个canvas下的所有UI元素都是合在一个mesh中，如果界面中有大量静态元素会导致mesh重建消耗大的问题。
4：画一个比屏幕更大的矩形区域（比如(screen.width+100

			
		

	





	

		

			

				
					
Unity 回合制战斗系统（中级篇）-血条和伤害数值

				
			

			

				

					c252270036的专栏
				

				

					08-15
					
					9895
					
				

			

		

		

			
				
今天没有做太多内容，只是在昨天的基础上增加了战斗伤害数值的显示及动画，因为又涉及到了之前UI控制相关的脚本，就顺便把这一块做了优化，效果请看Gif


接下来就是本文主要内容：集中介绍血条及伤害数值的实现及脚本


1. 血条
首先是制作一个血条的预制体，由底图、血条图和文本组成，其中文本用来显示单位名字，如下图，其中血条图片的Image Typ

			
		

	





	

		

			

				
					
Unity_飘伤害_053

				
			

			

				

					杨勇博客之家
				

				

					08-07
					
					1486
					
				

			

		

		

			
				
首先我们在创建在Canvas上添加一个Text控件，然后设置相关的内容如下： 
 
然后我们将此控件从Hierarchy面板上拖拽到Assets面板上，作为一个预制体保存。删除Canvas中的Text控件。 
我们在Scene面板中添加一个游戏对象Cube。目前我们需要做的就是在我们点击A键的时候，模拟Cube掉血，在Cube上方飘着向上移动的血量提示文本。 
接着我们给Cube添加一个脚本。就是模

			
		

	





	

		

			

				
					
unity3d实现动态显示伤害值

				
			

			

				

					马哥的博客
				

				

					06-17
					
					3025
					
				

			

		

		

			
				
今天介绍Unity3D使用OnGUI（）的方法来实现伤害数值的显示，在战斗系统中我们常用于敌人和我方的伤害显示，在后面做敌人AI的时候会用到。下面我们看脚本！

       首先我们创建一个Damage的脚本。好的，我们打好代码后，在场景中新建一个空的游戏对象，并且命名为Damage，把脚本绑定在这个对象上，并且把它作为预设体。







        下面我们为敌人写

			
		

	





	

		

			

				
					
Unity 伤害字体飘血效果

				
			

			

				

					q1295006114的博客
				

				

					04-11
					
					733
					
				

			

		

		

			
				
很多攻击类型游戏 掉血或者加血的同时都会出现一些飘血的样子。每次掉血的时候触发一下这里。血条文字向上移动的效果。

			
		

	





	

		

			

				
					
UI——伤害飘字

					
最新发布

				
			

			

				

					SaxonOnly的博客
				

				

					04-17
					
					230
					
				

			

		

		

			
				
目的

创建一个控件蓝图作为容器并挂载在敌人的父级蓝图上
创建一个控件蓝图作为伤害显示效果
敌人父类角色蓝图调用

1.创建一个控件蓝图作为容器并挂载在敌人的父级蓝图上
使用覆层的方式制作
挂载在敌人的父级蓝图上(添加控件组件)
2.创建一个控件蓝图作为伤害显示效果

3.敌人父类角色蓝图调用
初始化获取容器
伤害数字

...

			
		

	





	

		

			

				
					
UGUI组件之快速消息提示(飘字)

				
			

			

				

					weixin_34018202的博客
				

				

					01-12
					
					682
					
				

			

		

		

			
				
文章目录[点击展开](?)[+]

效果预览

quickmsg



使用情景

几乎每一个游戏都会有这种飘字提示，实现起来并不复杂， 我把它做了一个组件。

开箱即可使用，无需二次开发，如果效果不满意，开放源码，方便进行调优。



组件源码

核心代码

每次将飘字的请求都插入到队列中，然后从队列中取出，进行飘字

对于飘字Prefab使用缓存池...

			
		

	





	

		

			

				
					
Unity3D战斗系统中的血条表现与伤害判定

				
			

			

				

					YarAx的博客
				

				

					07-13
					
					4024
					
				

			

		

		

			
				
Blood Slot Display and Damage



Introduction

在战斗系统中，血条显示必不可少，而伤害的浮动数值表现也与血条相辅相成。这个DEMO主要实现了简单的战斗中血条表现与伤害数值浮动显示



Blood Slot

在Unity3D中可以用UGUI中的Slider简单实现一个血条UI：


创建一个Canvas与Slider,并删除Slider中的Handl...

			
		

	





	

		

			

				
					
unity ugui实现图片轮播

				
			

			

				

					06-01
				

			

		

		

			
				
要在Unity中使用UGUI实现图片轮播，你可以按照以下步骤进行：

1. 首先，在Unity中创建一个空对象，命名为“ImageSlider”或者其他你喜欢的名字。
2. 在这个空对象下创建一个UGUI的Image组件作为你的背景图，并设置好你需要的背景图片。
3. 在ImageSlider下创建一个Scroll View对象，并将其Rect Transform的Anchor Presets设置为Stretch-All，并设置宽高和位置。
4. 在Scroll View下创建一个Viewport对象，并将其Rect Transform Anchor Presets设置为Stretch-All，并设置宽高和位置。
5. 在Viewport下创建一个Content对象，并将其Rect Transform Anchor Presets设置为Top-Left，并设置宽高和位置。
6. 在Content下创建多个Image对象，每个Image对象代表一张图片，并设置宽高和位置。
7. 在Content下创建一个Horizontal Layout Group组件，并将其Child Alignment设置为UpperLeft，并勾选Child Force Expand和Child Force Width。
8. 在每个Image对象中设置你需要的图片。

通过以上步骤，你就可以实现一个简单的图片轮播了。如果你需要自动轮播功能，你可以添加一个Slider组件，并在Update函数中改变Content的anchoredPosition，以此实现自动轮播。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 4

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
Cimoon_

			
一分也是爱，用钱砸我

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值