拖尾

一、概述

拖尾渲染器(Trail Renderer)用于制作跟在场景中的物体后面的拖尾效果来代表它们在到处移动。像在物体移动路径的位置上出现的残影,就是一种拖尾效果。

img

(动图1-1)

如动图1-1所示,这是一个自身旋转的立方体,周围有拖尾效果。下面我们来看看在IDE中是如何创建和使用拖尾的

二、IDE中创建与使用

2.1 创建拖尾对象

在一个3D场景的Hierarchy窗口中,任何节点下,或者是空白位置,都可以通过鼠标右键来创建拖尾对象,如动图2-1所示

(动图2-1)

此时创建的拖尾对象,是看不到任何效果的,实际上就是创建了一个空节点,并添加了拖尾渲染器(Trail Renderer)组件,我们来了解一下组件的信息

2.2 属性设置

如图2-2所示,拖尾渲染器有如下的属性

(图2-2)

由于 Trail Renderer 组件是继承自 Base Renderer 组件,因此拖尾渲染器本身具备一些基础属性,如图2-3所示

(图2-3)

接收阴影 Receive Shadow ,产生阴影的设置 Case Shadow 和光照贴图的缩放和偏移等基础属性,在这里就不介绍了

2.3 拖尾材质

拖尾所使用的的材质,也就是需要使用 Laya.Trail 这个Shader

2.3.1 创建材质

首先我们在Asset下新建一个Material,默认情况下Material的Shader是BlinnPhone,接下来我们修改下Shader,如动图2-4所示

(动图2-4)

2.3.2 材质贴图

如图2-5所示,带 Laya.Trail Shader的材质有如下几个属性

image-20221226104854987

(图2-5)

这里我们主要关注拖尾效果的贴图,如动图1-1示例中的效果,需要做出拖尾效果的话,需要一张拖尾效果的纹理贴图,如图2-6所示

(图2-6)

我们接下来将纹理贴图拖入材质中,如图2-7所示,这样拖尾的贴图就配置好了

(动图2-7)

2.3.3 纹理颜色

我们想让拖尾的效果是一种灰色的类似烟雾的效果,那么我们需要对材质的颜色做设置,如图2-8所示,选取灰色的颜色,并改透明图为55

image-20221226105620269

(图2-8)

这样颜色就配置好了,同时我们需要改下 Material Render ModeAdditive 模式,才能让贴图中黑色的颜色变为纯透明,并改变 CullOff,如图2-9所示

image-20221226115732845

(图2-9)

这样修改后,效果才能如动图2-10所示

(动图2-10)

2.4 拖尾过滤器

拖尾材质可以指定拖尾的纹理效果,透明方式等等,但拖尾过滤器才可以设置拖尾的时间,轨迹,长度等等,就像3D粒子系统一样,如图2-11所示

image-20221226105829772

(图2-11)

2.4.1 淡出时间

Time :淡出时间,时间越长,拖尾淡出时间越长

默认是5秒,5秒之后才会消失,如动图2-12所示

(动图2-12)

但是我们可以调整时间为1秒,如动图2-13所示

(动图2-13)

2.4.2 轨迹准线

Alignment :设置轨迹面向的方向

VIEW: 轨迹面向摄像机

TransformZ: 轨迹朝向其变换组件的 Z 轴

2.4.3 最小距离

Min Vertex Distance:获取新旧顶点之间最小距离,实际上是最小拖尾片段距离,相当于拖尾的长度

可以确定在将新段添加到该路径之前,应用轨迹的游戏对象必须行进的距离(采用世界单位)。像 0.1 这样较小的值会更频繁地创建轨迹段,从而形成更平滑的轨迹。像 1.5 这样较大的值会创建在外观上更有锯齿状的轨迹段。另外,当顶点非常靠近并且轨迹会在短距离内显著改变方向时,较宽的轨迹可能出现视觉瑕疵。

注意:出于性能原因,最好使用尽可能最大的值来实现要创建的效果

2.4.4 宽度设置

Width :宽度值和曲线值以控制轨迹沿其长度的宽度。

曲线是在每个顶点处采样的,因此其精度受制于轨迹中的顶点数量。轨迹的总宽度由宽度值控制。

如动图2-9所示,我们可以通过鼠标双击红线上来添加曲线节点,并通过白色旋转轴来调整曲线角度,通过鼠标双击红色节点来删除

(动图2-14)

2.4.5 颜色设置

Color :采用 colorGradient 方式设置,有两个可选模式

Fixed 固定模式

Blend 混合模式

如图2-15所示,为设置从半透明到白色,最后变为半透明的颜色设置

image-20221226111319095

(图2-15)

2.4.6 纹理模式

texture Mode :纹理模式,与普通纹理模式相同

Stretch :可沿着轨迹的整个长度应用纹理贴图

Tile :使纹理沿着轨迹的长度平铺

通常我们使用Stretch为主,主要是应用一张贴图变化的效果

如动图2-16,采用Tile平铺的方式效果

(动图2-16)

最终我们选择Stretch为拖尾效果,如动图2-17所示

(动图2-17)

到此,拖尾渲染器就介绍完了,结合动画编辑器的使用,使物体在场景中运动起来,这样拖尾效果才能看到运行的效果,开发者可以很好的利用拖尾渲染器做出类似烟雾,残影等效果!

Copyright ©Layabox 2022 all right reserved,powered by LayaAir Engine更新时间: 2023-03-03 17:33:45

results matching ""

    No results matching ""