Unity 3D 进度条制作

我们都知道玩游戏时,第一步要加载游戏,加载游戏时我们可以做一个简单的进度条来显示游戏加载进度,应为有了进度条,游戏画面不会过于呆板。

那么我们就开始游戏的进度条制作吧!

方法一:

1,使用NGUI制作,首先将NGUI插件导入到Unity 工程中。

导入后:

2,创建UI

3,在Panel下添加slider。

此处label是为了显示游戏进度。

5,脚本Procebar.cs,将此脚本添加到slider上。

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

public class DrawLine : MonoBehaviour
{
private List<GameObject>line;
public GameObject prbCube;
public Vector2 vect2;
public static int tmp_x;
public UILabel label1;
private string str;
private int tmp_num;

// Use this for initialization
void Start ()
{
tmp_x=0;
tmp_num=0;
str="加载游戏:";
line=new List<GameObject>();
InvokeRepeating("CreateLine",0,0.167f);
}

// Update is called once per frame
void Update ()
{

}

/// <summary>
/// 进度条
/// </summary>
void CreateLine()
{
if(OverButton.IsOnButton)
{
if(line.Count<=20)
{
tmp_num=line.Count;
GameObject tmp=Instantiate(prbCube)as GameObject;
tmp.transform.localPosition=new Vector3(((float)line.Count/10-2f)+1.2f,0.8f,0);
line.Add(tmp);
}
}
else
{
foreach(GameObject i in line)
{
Destroy(i);
}
tmp_num=0;
line.Clear();
}
}

/// <summary>
/// 显示进度
/// </summary>
void OnGUI()
{
label1.text=str+(tmp_num*5).ToString()+"/100";
label1.color=Color.yellow;
}
}

准备工作好了,运行效果:

时间: 2024-10-10 22:10:34

Unity 3D 进度条制作的相关文章

异步加载场景和Loading进度条制作

在切换场景的时候,直接 用 application.LoadLevel()这个方法,如果加载的场景资源过多的话,会卡死一段时间的. 所以,用一个过渡的场景的话,体验会好一点. 那么就先开始做一个过渡的场景(名字叫做:Loading)吧..(比如像下面酱紫,百度的一张图片) 要切换场景的时候,Application.LoadLevel("Loading"):就先切换到这个Loading场景,Loading场景资源少,就一个背景图和一个slider,所以,直接同步加载过来也很快的 然后,在

异步加载场景及Loading进度条制作

实现功能:点击开始游戏以后UI界面进入Loading界面,Loading结束以后自动进入游戏场景. 在这之前先在Build Settings中Add要使用的场景 在场景A中添加StartGame方法: Application.LoadLevel(1)://同步加载Loading界面(因为Loading界面资源较少速度快所以此处用同步方法) 在Loading场景中加入进度条图片:分为上下两层,上层负责显示进度 将上层的进度条Image组件中的Image Ttpe改为Filled 接下来再Loadi

Unity带进度条加载场景及场变黑的解决方法

首先说加载场景显示进度条 简单的来说需要协程+Update 一直用UGUI,进度条就用Slider 别忘了引用 using UnityEngine.UI; public Slider slider; 如果想在旁边显示个数字百分比,就再加个Text就好了 public Text text; 假设我们所在场景为old,要去往场景new,如何加载并显示进度呢 可以直接在old场景中做,也可以加一个中间场景专门显示加载进度 我们就加个中间场景吧,叫middle 而加载的进度条slder和百分比文字tex

JS实例之进度条制作,实现进度条读条效果

1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3 <title>无标题文档</title> 4 <style type="text/css"> 5 *{margin:0px auto; padding:0px;} 6 #wai{width:200px; height:20p

例子:进度条制作

<style type="text/css">*{ margin:0px auto; padding:0px}#wai{ width:200px; height:10px; border:1px solid #60F;}#nei{ width:0px; height:10px; background-color:#F33; float:left}</style> <div style="width:600px; height:300px; mar

图解CSS3制作圆环形进度条的实例教程

圆环形进度条制作的基本思想还是画出基本的弧线图形,然后CSS3中我们可以控制其旋转来串联基本图形,制造出部分消失的效果,下面就来带大家学习图解CSS3制作圆环形进度条的实例教程 首先,当有人说你能不能做一个圆形进度条效果出来时,如果是静态完整圆形进度条,那么就很简单了: .circleprogress{        width: 160px;        height: 160px;        border:20px solid red;        border-radius: 50

9款极具创意的HTML5/CSS3进度条动画(免积分下载)

尊重原创,原文地址:http://www.cnblogs.com/html5tricks/p/3622918.html 免积分打包下载地址:http://download.csdn.net/detail/yangwei19680827/7352505 今天我们要分享9款极具创意的HTML5/CSS3进度条动画,这些进度条也许可以帮你增强用户交互和提高用户体验,喜欢的朋友就收藏了吧. 1.HTML5/CSS3图片加载进度条 可切换多主题 今天要分享的这款HTML5/CSS3进度条模拟了真实的图片加

Linux终端彩色打印+终端进度条【转】

转自:https://my.oschina.net/jcseg/blog/178047 开发的一个应用程序选择了终端界面, 为了使软件稍微好看些, 研究下Linux终端的彩色打印, 并且基于这个彩色打印实现了几种进度条, 在此总结下: (更多的是觉得这个东西挺好玩的... ) 一. Linux终端色彩打印: 1. 属性介绍:  (1). 来自网络的ANSI属性控制码: \033[0m                 关闭所有属性 \033[1m                 设置高亮度 \03

9个绚丽多彩的HTML5进度条动画赏析

进度条在网页应用中越来越广泛了,特别是现在的页面异步局部刷新时代,进度条可以让用户更好的等待操作结果.本文要分享9款绚丽多彩的HTML5进度条动画,有很多还是挺实用的,效果也非常不错. 1.CSS3发光进度条动画 超炫酷的样式 这次我们要来分享一款非常炫酷的CSS3进度条动画,其样式风格类似于星球大战里面的那些激光剑效果.页面初始化时,可以设定进度条的值,但是我们也可以利用其配套的借口来动态改变进度条的值,使用起来比较方便.另外以前介绍过一款CSS3 3D进度条,其风格也类似. 在线演示 源码下