IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> Unity 贪吃蛇(一)UGUI简单的UI设计 -> 正文阅读

[游戏开发]Unity 贪吃蛇(一)UGUI简单的UI设计

UI界面大致的样子

?导入素材资源后,使用UGUI进行创作

创建画布Canvas,我们使用UGUI,大多数UI功能直接在Canvas下进行

将Canvas的渲染模式改为Screen Space-Cemare 注意密钥把摄像机拖进Render Camera

格子背景 冰淇淋的图片 贪吃蛇的Title只有视觉功能,直接创建组件Text,Image即可。注意!一定要创建在Canvas里面

Canvas的渲染很有意思,在上面的位于最底层,如:Bg与Title

?Bg在Title上面,正常显示

?Bg在Title下面,发现被挡住了。

我们可以这样想,位于Project面板Canvas中的东西,位置处于越下面的越靠近摄像机,越先渲染

?

再来谈谈控制游戏开始的按钮

添加Button组件,再在其下创建Text,输入想要的文字,调整大小即可

添加Button成功后运行,点击Button按钮,我们就会发现点击时会有一个阴影效果?

除此之外,我们还可以add OutlIne与Shadow组件

?

?

?Outline控制左右上下同时加粗 Shadow可以单向的做到这种黑边加粗效果,让按钮看上去更立体

?当然,我们也可以改变effete color使用不同的颜色效果。

接着创建左边具有关键功能的control menu

?直接创建一张Image 将颜色设置为白色 调节合适透明度。我们要做3个功能?

首先 皮肤功能:

创建2个toggle(英语 切换 的意思)组件,一个toggle有下图这些东西

当我们点击钩是 钩图标会出现或消失?

checkmark就是这个

label自带一个text 你可以编辑一些文字

2个toggle的background选择好合适的颜色即可?

重点!我们创建好2个toggle后发现2个都打勾了,这显然不是我们想要的结果 如何打勾一个的时候让别的取消钩呢?

在Skin下添加toggle group组件

?

我们将blue yellow中的group直接拖入skin

让blue yellow中 钩子默认只开一个 通过is on调节 开一个 关一个就行?

?

skin中的allow switch off 取消勾选 就算有4399个钩 你只要这样做 即可实现永远只有一个toggle打勾?

玩法同理,自己尝试做一做吧!

?

分数就3个text,很简单

?

?

?

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2021-10-29 13:24:30  更:2021-10-29 13:24:55 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/28 0:42:22-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码