Skip to content

Line 组件

Line 组件用于渲染 3D 场景中给定的点连成的线段。Line 组件渲染的线段是有宽度的,并且总是面向摄像机,这与 billboard 组件相似。

属性与说明

line-component

属性功能
texture线段中显示的贴图。
worldSpace线段中各个点的坐标采用哪个坐标系,勾选使用世界坐标系,不选使用本地坐标系。
positions每个线段端点的坐标。
width线段宽度,如果采用曲线,则表示沿着线段方向上的曲线变化。
tile贴图平铺次数。
offset贴图坐标的偏移。
color线段颜色,如果采用渐变色,则表示沿着线段方向上的颜色渐变。

线段宽度

线段宽度 的右侧点击下拉按钮可以修改宽度的类型。其可选项如下:

line-curve

属性说明
Constant线段宽度由常量组成
Curve由曲线组成,此时可点击 Width 后的输入框对曲线进行编辑
TwoCurves由两条曲线组成
TwoConstants由两个常量组成

曲线

曲线编辑和粒子曲线编辑器类似,详情可参考 粒子曲线编辑器 - 曲线编辑面板

curve-editor

编辑效果如下:

curve-sample

当选择为两条曲线时,线段的宽度将由两条曲线共同作用。

two-curves

常量

two-constant

当宽度的类型选择为 TwoConstants 时,可以通过输入 ConstantMinConstantMax 调整线段的宽度。

线段颜色

line-color

点击 颜色 属性的右侧的下拉按钮可以对线段的着色方式进行更新更改,其可选项如下:

属性说明
Color使用纯色
Gradient使用渐变色,通过 渐变色编辑器 可以对颜色进行调整
TwoColors使用两个颜色
TwoGradients使用两个渐变颜色
RandomColor使用随机的颜色

Line 组件接口请参考 Line API