UGUI实战《僵尸跑酷》UI制作实例 扫二维码继续学习 二维码时效为半小时

(11 评论)

免费

时间倒计时

public float currentTimer;

public float startTimer=10f;

public float timerpercent;

 

private Image image;

private GameState gamestate;

void Awake(){

currentTimer=startTimer;

image=GetConponent<Image>();

gameState=GameObject.Find("GameState").GetComponent<GameState>();

}

 

void Updata(){

if(gameState.gameRunning){

currentTimer=Time.deltaTime;

timePercent = currentTimer/starTimer;

image.fillAmount=timePercent;

}

}

On Click()//按下开始键后

选择GameState对象,调用startgame,使得gameState.gameRunning为ture

修改图片类型

Filled 

修改Fill Amount就可以实现时间条减少的效果

[展开全文]

生命值

public int initialLives=3;

public int extraLives=0;

public int totalLives;

void Start()

{

GetLives();

}

void Updata()

{

totalCoins=initialLives+extraLives;

GetComponet<Text>().text=totalLives.ToString();

}

 

void Updata()

{

 int collectedCoins;

 collectedCoins = coinCounter.coinCount;

 liveCounter.extraLives= collectedCoins/totalCoins;

 if(liveCounter.totalLives<0)

{

printf("Game Over");

}

[展开全文]

金币数量的变化

using UnityEngine.UI

public int coinCount = 0;

void Update(){

GetComponent<Text>().text=coinCount.ToString();

}

硬币脚本

private CoinCounter coinCounter;

void Awake(){

coinCounter=GameObject.FindGameObjectWithTag("CoinCount").GetCompanant<CoinCounter>();

//可以建立标签,通过标签寻找游戏对象

}

void OnTriggerEnter2D(Collider2D other)

{

if(other.gameObject.tag=="Player")

  print("You picked up a coin!");

coinCounter.coinCount ++;

gameObject.SetActive(false);

}

GetCompanant<>()寻找的是该游戏对象挂载的东西(脚本也算在内),Find("")则是大范围寻找,有时候可能会找不着,此时可以通过标签来寻找

[展开全文]

在Animation界面里创建动画后,会自动生成Animator相关组件(新动画系统)

淡出 Fadeout

去掉Loop Time则动画只会出现一遍

添加新的状态

状态之间连线设置条件(添加变量FadeOut)

空的状态表示什么操作都没有

添加脚本

private Animator mainManuAnim;

void Awake(){

mainManuAnim = GetComponent<Animator>();

}

pulic void ManuFade()

{

mainManuAnim.SetTrigger("FadeOut");

}

实现了渐变的效果

 

[展开全文]

创建空的游戏对象,使锚点扩展至整个屏幕,模拟画布

添加CanvasGroup组件 

Alpha 不透明度

通过对Alpha进行操作,达到一组UI消失的目的

(在按钮的on click()上)

[展开全文]

可以有多个Canvas

左上角锚点,这样就可以一直保持在左上角了

注意坐标可以校正两个图标,使其对齐

[展开全文]

可以制作白色的按钮图片,这样可以调整颜色

[展开全文]

Pos x=0 水平方向居中

将锚点位置信息覆盖整个图片/文本框,这样图片/文本框就可以自适应屏幕了

Best Fit 勾选上 

以防文字太大屏幕挤压之后使之消失

[展开全文]

导入PSD文件

Sprite 2D and UI (类型选择)

可自选区域-apply-进行切割

(注意修改名字) 可以生成新的文件

九宫格形式(使得边缘不发生变化,常用于按钮)

 

 

[展开全文]

Unity中可以对素材进行切割

[展开全文]