Unity菜鸟学做UI(抄笔记)

这篇博客记录了作者在Unity中制作UI的步骤,包括创建两个canvas分别用于游戏时间和暂停菜单,设置canvas的渲染模式,制作时间条、按钮和文本,编写控制canvas显示和时间更新的脚本,以及为按钮添加点击事件。最后,简单装饰了第二个canvas并分享了学习资源。
摘要由CSDN通过智能技术生成

最近在Paws3d学习中心学习unity,感觉渐入佳境。最近接触了UI部分,做了一些课堂笔记备忘,顺便分享。

以下正文内容:

一、总体结构为两个canvas,两个canvas始终放置在摄像机上。第一个canvas左上角有时间条(因为项目是跑酷游戏,所以设计成和血条类似的时间条),左上角还有游戏时间和剩余时间。canvas右上角还有个暂停按钮,当点击暂停按钮时,游戏暂停同时第一个canvas消失、第二个canvas出现。第二个canvas由中央两幅image和右上角三个按钮组成。三个按钮分别为继续、重新开始和结束游戏。当点击继续时回到游戏。

二、第一个canvas的制作:在层级试图中新建canvas,将canvas检视视图中的render mode设置为screen space-camera在这个渲染模式下,canvas会固定在屏幕上跟随屏幕移动。在层级视图中新建canvas的子部件slider和button和两个text。将slider的background和handle slider area禁用或者删除。在slider层级视图的fill area中的fill中设置时间条的颜色,在slider的检视视图中将slider的值设置为25。text和button的属性自由设置。

三、第二个canvas将button位置调整,button上的文本调整。也要注意将第二个canvas的render mode调整为screen space-camera。

四、设置第一个canvas的脚本。

 

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

 

public class UiControler : MonoBehaviour {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值