Cocos Creator:渐变色编辑器
推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生
渐变色编辑器
渐变色编辑器 支持设置粒子系统中部分属性颜色随时间发生渐变。属性默认都是以固定颜色(Color)的形式显示,点击属性框右侧的
按钮,可以看到有以下几种编辑模式:
根据选择的编辑模式不同,属性框的显示也有一定的差异:
Color(默认):设定的颜色在属性整个生命周期内不会发生变化;
Gradient:属性切换为渐变色编辑形式,点击属性框即可打开渐变色编辑器。属性的颜色变化由设置的颜色渐变图指定;
TwoColors:设置的两个固定颜色定义了颜色的上限和下限,实际颜色会随着时间的推移在两个边界之间进行插值;
TwoGradients:两个渐变图定义了属性颜色在生命周期内某一点的渐变上限和下限,当前颜色在两个边界之间进行插值;
RadomColor:取 Gradient 模式下的渐变图中的随机颜色。
然后点击属性框,即可打开相应的颜色编辑器。
接下来我们以 Gradient 模式为例,看一下渐变色编辑器具体的操作步骤。
渐变色编辑
选择 Gradient 模式后点击属性框,即可打开渐变色编辑器。初始界面如下:
可将其大致分为上下两部分,上方的三条色带区域为颜色渐变图,下方区域为颜色选择器。
- 上方的色带用于插入 Alpha 关键帧;下方的色带用于插入 RGB 关键帧;中间的色带用于显示关键帧影响下的最终颜色,最终颜色的计算方式可在 Mode 选项中设置,详情请参考下文说明。
- 选中关键帧即可在下方的颜色选择器中设置 Alpha 或 RGB 值。设置时可在左侧直接选择颜色,也可以在右侧通过数值进行设置;
- 拖动关键帧 上下移动 可以 删除 关键帧。
拖动关键帧 左右移动 可以 调节关键帧位置,也可以在 Location 中通过设置百分比数值进行调节。
Mode 用于设置渐变色的计算方式,支持以下两种:
- Blend 模式(默认):会按照当前时刻相邻的两个关键帧进行插值得到当前帧的颜色;
Fixed 模式:会直接使用当前时刻的前一个关键帧颜色,没有渐变。
编辑器中默认使用 Blend 模式,可通过代码进行切换,代码示例如下:
// 切换为 Fixed 模式
startColor.gradient.mode = Mode.Fixed;
// 切换为 Blend 模式
startColor.gradient.mode = Mode.Blend;
3D建模学习工作室 翻译整理,转载请注明出处!