用一个空血槽图片的Sprite做背景,上面放一个ProgressTimer, 通过设置ProgressTimer的进度来控制血条的长短.建立一个Progress类来实现.Progress.h: #ifndef __Progress__ #define __Progress__ #include "cocos2d.h" USING_NS_CC; class Progress : public Sprite { public: bool init(const char* backgroun

效果: 思路: 1.算出正确的uv去采样过滤图,上一篇文章说的很明白了.Shader实例:NGUI图集中的UISprite正确使用Shader的方法 2.用当前血量占总血量的百分比来设置shader中的变量,来控制血条的裁剪. 实际操作中,在shader中声明一个uniform float _Factor 然后在C#脚本中,对这个变量进行设置,结果发现,界面上不能实时响应这个值,进行正确的裁剪. 那么我只好牺牲color的一个分量,比如设置g分量,shader中用g分量的值来对血条进行裁剪.最终

用unity本身自带的功能,如何显示血条? 显示血条,从资源最小化的角度,只要把一个像素的色点放大成一个矩形就足够,三个不同颜色的矩形,分别显示前景色,背景色,填充色,这样会消耗最少的显存资源. unity 有GUITexture,可以用来显示色块.但GUITexture有个问题是,每个GUITexture都会消耗一个drawcall,如果画面上就数百个单位,就会消耗数百个drawcall,drawcall是昂贵的资源,一个手游也就只能允许200个左右的drawcall,显然这个方案只能用来做d

unity版本:4.6 NGUI版本:3.6. (转载请注明参考链接及作者) 参考链接:http://www.cnblogs.com/louissong/p/3841656.html,作者:博客园 LouisSong 很多情况下,我们需要做血量条来显示对象的血量,条状的血量条很容易,直接用NGUI里面的进度条就可以实现,但是有时候我们需要在一些地方做弧形的血量条,下面介绍弧形血量条的方法. 1.首先你需要一张弧形血量的图片,导入到NGUI的Altas中,NGUI图集Altas制作参考:http:

这次来讲讲Unity3D NGUI这个插件的学习,这个插件是收费的,不过去网上可以下载得很多可用版本.用来做用户的交互UI,学习起来比较简单 第一步,导入NGUI包 http://pan.baidu.com/s/1mhKaoha 导入后Unity工具栏上面就会出现关于NGUI的选择了 第二步,开始看一些例子,分析一些例子,因为一般学插件就是下载后照着别人的例子去做可以学会了. 来看一个例子 这里还看一个上面的进度条的 当这个按钮包含几个脚本之后,就达到这样的效果 之后就能够通过实现脚本控制这个进

 刚好今天有朋友问我,比較典型的样例就是游戏里面人物的血条. 原理非常easy就是把3D点换算成2D的点.可是因为NGUI自身是3D所以我们须要先把NGUI下的点转成2D点.然后在把他转成3D的点. 听起来有点绕,不要紧我直接上代码. 对屏幕自适应不明确的看p=852" rel="bookmark">NGUI研究之怎样自适应屏幕 眼下我一直都是用NGUI来做人物血条,可是2D血条都会有个限制.就是它不能和模型有遮挡关系.只是血条能够依据人物的位置调节.比方远一点的人

血条是常见功能.能够通过一个血条背景和一个不断改变的血条宽度.来实现少血. 在MainScence.lua中,先改代码: function MainScene:ctor()     local bg = display.newSprite("bg01.jpg")     bg:setPosition(display.cx, display.cy)     self:addChild(bg)     --     local barBg = display.newSprite("

声明:本文是自己做的项目,可能不是最好的方法,或有错误使用方式.各位不喜勿喷! HP进度 HP背景 将上面的资源拖到UE4中(使用UE4自带的颜色也可实现效果,具体参考官方教程 https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/2/index.html) 网上相关教程:https://answers.unrealengine.com/questions/79728/how-to-make-a-progress-bar-i

using UnityEngine; using System.Collections; public class NPC : MonoBehaviour { //主摄像机对象 private Camera camera; //NPC名称 private string name = "我是雨松MOMO"; //主角对象 GameObject hero; //NPC模型高度 float npcHeight; //红色血条贴图 public Texture2D blood_red; //黑

首先做一个血条,创建一个名为Follow3DObject的脚本添加到血条控件上. Follow3DObject.cs的代码如下: using UnityEngine; using System.Collections; public class Follow3DObject : MonoBehaviour { public Transform target; , , ); // Use this for initialization void Start() { } // Update is c

以下是 NGUI HUD Text 实现的: 基本原理: 1. 在角色头顶绑一个点 Pivot,用于对齐 2. 因为界面总是覆盖在人物头顶信息的上面,所以将 UIRoot 分为2个 Panel:1) GUI,用于画界面,Depth 较大 2) HUDPanel,用于画人物头顶文字及血条,Depth 较小 (1和2是最重要的) 3. 先使用 NGUI 实现一套管理人物头顶信息的类(或若干个类),名为 HUDText,他包含了各种功能(设置名字.名字颜色.血条等) 4. 将 HUDText 存为 P

using UnityEngine; using System.Collections; using UnityEngine.UI; public class HealthController : MonoBehaviour { //当前对象是血条还是蓝条 public bool isHealth = false; //虚拟轴,横轴,纵轴 private float hor,ver; //血条的最大宽度 ; //蓝条的最大宽度 ; //当前的虚拟轴 private float currentAx

NGUI 血条制作步骤 实现过程: 模拟血条的变化当点击按钮Button是血条会实时发生变化. 1.向Unity中导入NGUI2.6.3.unitypackage 点击create your ui 后 在panel中添加Button和Slider,结果如下: 此处的value是给Slider添加的子控件Label为了在血条上显示血量的当前值. value的设置如下 在Button上添加脚本UIButton Message设置如下

我们可以看到像英雄联盟等游戏里英雄头顶的血条显示并非是纯色的,而是根据血量的多少而显示一定量的格子,这种方式明显是比较友好.比较美观的,事实上我们的游戏里面也想实现这样的效果,那该怎么办呢?根据血量的多少同时创建N多个小格子图片?这明显不合理:根据血量多少同时创建N多个分割线来拆分图片?这也不合理. 所以我今天将以一种很简单的方式实现这种效果,当然没什么难度,只对UGUI的Slider做一些修改就可以了. 一.首先,我们创建一个Slider,删除他的Handle,勾选Whole Numbers(

组件设计 创建一个进度条组件,作为血条. bar是实际血量条 DownBar是扣血缓动背景图层 UpBar是加血缓动背景图层 LowBar是低血量变色(和控制器配合,本文不讲) n11组合是血量参考线 发布到Unity. 参考代码 if (_lastHP < hpBar.value) // HP降低 { hpBar.UpBar.visible = false; // 隐藏加血层 hpBar.value = _lastHP; // 设置当前血量 hpBar.DownBar.TweenScaleX(

定义常量 public class Content { //当前UI分辨率 public const float UI_Width = 1366f; public const float UI_Height = 768f; //手机屏幕大小的二分之一 ; ; //手机屏幕与UI的比率 public static float screen_width_ratio = UI_Width / Screen.width; public static float screen_height_ratio =

using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.UI; public class HealthBar : MonoBehaviour { public float HealthPoint { get { return m_Slider.value; } set { m_Slider.value = value; } } public float MaxHea

通常游戏中的角色都有所谓的生命值,而且头顶上会有一个血条显示.生命值无非就是一个属性而已,很容易在Player.py类中增加,头顶上的血条其实就是绘制二个矩形,叠加在一起. 以上节的Player.py为例: import pygame # 主角 class Player(object): def __init__(self, x, y, width, height, img_base_path): self.x = x self.y = y self.width = width self.hei

首先要到Unity的Assets Store里面去下载一个扩展的Package叫NGUI HUD Text v1.13(81),注意如果没有安装NGUI就必须先安装NGUI插件,否则会用不了,因为HUD Text是依赖于NGUI插件的,作者是同一个. 3D角色血条实例 1.创建Unity项目工程和文件目录 2.导入模型资源(使用NGUI里面自带的ORC)和NGUI HUD Text v1.13的Package 3.把模型拖进场景中,调整画面,选中Main Camera---->GameObjec

用Slider来控制Cube旋转 Slider是滑动条.

using UnityEngine; using System.Collections; public class xt : MonoBehaviour { //红色血条 public Texture2D blood_red; //黑色血条 public Texture2D blood_black; //当前生命值 ; void OnGUI() { if (GUILayout.RepeatButton("加血")) { //增加生命值 ) { HP++; } } if (GUILayo