Hexo

一.四大渲染模式 1.Opaque（不透明） 作用：用于渲染所有不透明的物体，这类物体在场景中是最多的。60%的使用比例。 演示：渲染一个红色的Cylinder。 创建一个Opaque模式的材质球拖到物体身上，调节Albedo颜色： 2.Cutout（镂空） 作用：用于渲染有镂空的物体，这类物体在场景中并不太多。5%的使用比例。 例如：一块破布上面有几个洞，一张残缺不全的纸。 演示：渲染一... Continue reading...

一.颜色空间 1.两种颜色空间 Gamma 空间：移动端，页游，HoloLens，性能比较低的硬件设备。 Linear 空间：PC 端，主机端。 Unity 默认的颜色空间（Color Space）设置选项是选择为Gamma，但是如果我们使用PBR 渲染流程（标准着色器）就必须将颜色空间修改为Linear。 2.修改颜色空间 Edit –> Project Settings –>... Continue reading...

一.Grid Layout Group 组件 Grid Layout Group：表格(网格)布局组件，可以让数据按表格的形式排列。 Cell Size：子物体尺寸； Spacing：子物体之间的间距； Start Corner：子物体开始的角度位置； Start Axis：子物体开始的轴向； Child Alignment：子物体对其方式； Constraint：约束方式，灵活–灵活列数–... Continue reading...

一.Canvas Scaler 组件介绍 在Unity 项目开发过程中，对于UI 界面有一个很关键的技术，叫做“屏幕自适应”，就是说我们的游戏UI要能自动适配不同的屏幕比例和屏幕尺寸。 在UGUI 中用于实现“屏幕自适应”需要用到两个组件： ①AnChors [锚点] ②Canvas Scaler [画布定位器] 这两个组件配合使用，才能相对完美的实现UI 屏幕自适应的开发需求。 Canva... Continue reading...

一.Canvas 组件介绍 Canvas 组件的用途是用于UGUI 系统内的UI 游戏物体的渲染。 如果没有该组件，所有的UGUI 游戏物体都将无法显示。 而Canvas 组件本身又分为三种渲染模式： ①Screen Space - Overlay ②Screen Space - Camera ③World Space 这三种渲染模式分别用于不同的渲染需求，Canvas 组件上其余的属性都是... Continue reading...

一.ScrollRect 组件介绍 1.ScrollRect：卷动区域。 “卷动区域”是在ScrollBar 的基础之上延伸出来的UI 界面效果。 单独是ScrollBar 组件是无意义的，需要结合ScrollRect 才能真正实现功能。 2.ScrollRect 组成部分分析 ScrollRect Image [核心组件，背景图片] |—Mask Image [遮罩，用于遮罩的图片] |—... Continue reading...

一.InputField 组件介绍 1.InputField：输入栏，输入框。 输入栏的主要用途是接收用户输入的单行数据，常见于输入用户名，密码。 2.InputField 组成部分分析 InputField Image [整体控制组件，背景图片] |—Text [提示文本] |—Text [接收用户输入的文本] [ ... Continue reading...

一.Scrollbar 介绍 Scrollbar：卷动条。浏览器最右边竖向的下滑条就是卷动条的例子。 二.Scrollbar 组成部分分析 Scrollbar Image [整体功能控制+ 背景图片显示] |—空物体[控制子物体活动范围] |—Image [滑块图片] [ ... Continue reading...

一.Slider 组成 1.Slider：滑块 Slider 一般是由两部分组成：滑块，滑动条。 2.Slider 组件[核心控制组件] |—Image 组件[Slider 的背景图片] |—空物体[用于控制填充图片的活动范围] |—Image 组件[填充图片] |—空物体[用于控制滑块图片的活动范围] |—Image 组件[滑块图片] [ ... Continue reading...

一.Toggle 组件介绍 1.Toggle：切换键，复选框。[简单演示] 2.Toggle 组成部分分析 Toggle 组件[核心组件，用于控制整个UI 游戏物体] |—Image 组件[背景图片] | |—Image 组件[复选标记，只要当选中时，该图片才会显示] |—Text 组件[功能文字描述] [ ... Continue reading...