血条或者进度条

血条或者进度条

2015-01-18 10:59:32

3 次浏览

Unity做血条或进度条真的很方便,GUI里scrollbar就可以轻松实现,再加上lerp一个血条或进度条就完成了。

Js代码  

  1. using UnityEngine;
  2. using System.Collections;
  3. public class BloodBarTest : MonoBehaviour {
  4. public GUISkin theSkin;
  5. public float bloodValue = 0.0f;
  6. private float tmpValue;
  7. private Rect rctBloodBar;
  8. private Rect rctUpButton;
  9. private Rect rctDownButton;
  10. private bool onoff;
  11. // Use this for initialization
  12. void Start () {
  13. rctBloodBar = new Rect (20,20,20,200);
  14. rctUpButton = new Rect (50,20,40,20);
  15. rctDownButton = new Rect (50,50,40,20);
  16. tmpValue = bloodValue;
  17. }
  18. void OnGUI (){
  19. GUI.skin = theSkin;
  20. if (GUI.Button (rctUpButton,"加血")){
  21. tmpValue = -1.0f;
  22. }
  23. if (GUI.Button (rctDownButton,"减血")){
  24. tmpValue += 0.1f;
  25. }
  26. if (bloodValue > 0.0f) tmpValue = 0.0f;
  27. if (bloodValue < -1.0f) tmpValue = -1.0f;
  28. bloodValue = Mathf.Lerp(bloodValue,tmpValue,0.05f);
  29. //~ Debug.Log (bloodValue + " " + tmpValue);
  30. GUI.VerticalScrollbar(rctBloodBar, 1.0f, bloodValue,0.0f, 1.0f,GUI.skin.GetStyle("verticalScrollbar"));
  31. }
  32. // Update is called once per frame
  33. void Update () {
  34. }
  35. }

本文出处【狗刨学习网】

时间: 2024-08-04 23:04:07

血条或者进度条的相关文章

bootstrap-进度条--彩色进度条

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>进度条--彩色进度条</title>     <!-- 最新版本的 

bootstrap-进度条--条纹进度条

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>进度条--条纹进度条</title>     <!-- 最新版本的 

bootstrap-进度条--层叠进度条

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>进度条--层叠进度条</title>     <!-- 最新版本的 

页面效果:圆形进度条 环形进度条

环形进度条(1.5秒之内倒计时) 效果做的比较粗糙,就是css的 clip属性,先切右边一半,再切左边一半.根据三角函数计算y高度 http://www.w3school.com.cn/cssref/pr_pos_clip.asp css的clip属性 <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script> <script type="text/java

android的.9图片以及圆角进度条(进度条两端都是圆角)的实现

1号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域 2号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域   3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域 4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域 没有黑色条的位置覆盖的区域是图片拉伸时保持不变(比如,如果图片的四角为弧形的时候,当图片被任意拉伸时,四角的弧形都不会发生改变) The Android source code uses Patch 9 files to achieve the effect:

Andorid自定义圆形渐变色进度条的从实现到开源

信自己也是一种信仰. 写在前面的话 3月初我在自定义控件概述中挖下的几个坑,前一段时间已经基本填完了,自定义控件的几种实现方式也分别写了demo来进行说明.今天我们来聊一聊如何把自己封装一个圆形渐变色进度条控件开源到github,并且上传到jcenter方便别人远程依赖.先看下效果图: 连接github并提交新项目 前提条件: 安装Git客户端(下载地址) 有GitHub账号 创建新项目并提交到Github: 在AndroidStudio中新建一个项目 配置Git:Settings -> Ver

Android自定义文本的进度条

工作中要求实现如下图中进度条(进度条上面是带比例数的文本,进度条颜色与比例数对应),写下自己的实现过程. 整体思路:Android中ProgressBar控件不支持自定义文本,所以需要写自定义progressBar. 1.progressBar上要自定义文本,需要重写onDraw()方法: 2.为实现进度是红色,底色是灰色效果,需要自定义progressBar样式 代码实现: 1.自定义的ProgressBar实现代码: 1 package com.example.myprogressbar;

HTML5 Canvas绘制环形进度条

最近比较迷恋canvas,加之做了一个个人网站,有用到环形进度条,记录下来. canvas中没有直接绘制圆的方法,但有一个绘制弧线的context.arc方法, 下面讲下用该方法如何绘制出图片效果. arc()方法介绍 context.arc(x,y,r,sAngle,eAngle,counterclockwise); 参数说明: x: 圆的中心的 x 坐标 y: 圆的中心的 y 坐标 r: 圆的半径 sAngle: 起始角,以弧度计.(弧的圆形的三点钟位置是 0 度) eAngle: 结束角,

Bootstarp学习(十七)进度条

进度条 在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等.就如下图所示的一个评分系统,他就是一个简单的进度条效果: 进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本: ? LESS版本:源码文件progress-bars.less ? Sass版本:源码文件_progress-bars.scss ? 编译后版本:bootstrap.css文件第4500行-第4575行 而且Bootstrap框架为大家提供多种样式风格的进度条,供大家使用(见右侧代码编辑器),这一