材质和贴图参考 / 3ds Max
在某种程度上,Verge3D支持3ds Max的材质编辑器提供的几乎所有材质和贴图。但对于大多数基于 Web 的实时图形任务,只使用其中的一组就足够了。下面我们只列出了Verge3D演示中使用的材质和贴图。
内容
约定
Verge3D支持的输入用绿色复选标记,而不支持的输入用红色标记。Verge3D支持的参数以绿色覆盖。位于Verge3D Material Params面板上的设置没有被覆盖,因为它们都应该是有效的。
材质 | Materials
物理
物理材质是Verge3D中为模型表面进行视觉表现的强大工具。它们通常需要设置一个环境贴图(包含在默认的立方体场景中)。物理材质可以在3ds Max视口的ART渲染器上快速查看,或在Verge3D中使用Sneak Peek菜单选项进行预览。

在大多数Verge3D演示中都使用了物理材质,如电动车(Scooter)、工业机器人(Industrial Robot)、加载与卸载(Load Unload)等。

标准
标准材质比物理更简单,可在实时渲染中提供更好的性能。它们通常需要设置一些灯光,虽然由于3ds Max会自动提供光源(在Verge3D会复现),它们可以在没有任何灯光的场景中工作。标准材质可以在3ds Max视口的Scanline渲染器上快速预览,或者在Verge3D中使用 Sneak Peek 菜单选项预览。

例如,在Verge3D的增强现实演示和农民之旅游戏中,所有资产都使用了标准材质。

混合
这个组件使用一个遮罩或一个因子来混合两种材质。

混合通常用于将烘焙过的环境光遮蔽贴图混合到材质中,以消除阴影表面的任何照明。

多维/子对象
该组件用于为同一对象的不同部分分配多种材质。

在下面的例子中,两个物理材质,漆钢和拉丝铬,被分配到同一个车轮对象的不同地方。

贴图
位图
此贴图指定了一个图像作为材质中的纹理。

下面是一个使用示例。

法线凹凸
该贴图为材质提供法线纹理。

下面是一个使用示例。

渐变坡度
这个贴图可以创建各种类型的渐变。

在下面的简化例子中,渐变坡度被用于覆盖背景模型。

颜色校正(Color Correction)
该贴图修改了输入贴图的颜色。

颜色校正可用于检索打包在单个纹理(又称ORM纹理)的R、G、B通道中的遮挡、粗糙度和金属度组件,或用于检索打包在单个纹理中的任何其他掩码,以优化内存和文件大小。

合成
该贴图将输入贴图叠加在一起。

在下面的简化例子中,合成用于通过乘法将局部闭塞图与整个物体闭塞图结合起来。

混合(Mix)
该贴图使用混合系数将2个输入贴图或颜色结合起来。

例如,混合可用于为材质添加蒙版的颜色,或在动画过渡中交换材质选项。

颜色贴图
该贴图提供纯色或经过伽马校正的位图。

当您需要在多个地方提供相同的颜色以保证一致性时,颜色贴图更适合使用。在下面的例子中,颜色贴图被用作蒙版的基础颜色和作为材质的发射颜色输入。

顶点颜色(Vertex Color)
这个贴图提供了顶点着色,以便在材质中使用。

下面是一个使用示例。

控制器
简介
控制器在3ds Max中用于提供动画输入,这些输入可以被Verge3D作为动画接收。除此之外,Verge3D还可以通过拼图(设置颜色(set color) 或 设置值(set value))或JavaScript来修改一个控制器的值。

选择使用哪个控制器取决于是否可以将其与所需的输入连接起来。通常,您可以用RGB/RGBA/Point3/Point4控制器来表示颜色,用浮点型控制器表示数值。
设置,与拼图一起使用
在3ds Max中,控制器只能连接到材质或贴图的所谓附加参数。附加参数默认是隐藏的,所以您需要先用右键菜单显示它们。

在下面的例子中,一个Bezier RGBA颜色控制器通过颜色贴图连接到一个物理材质的基础颜色贴图输入(也可以不通过颜色贴图直接连接)。

因此,可以用 设置颜色(set color) 拼图来改变材质的颜色。要做到这一点,请插入一个 材质选择器(material selector) 拼图,并在其下拉菜单中选择您的材质名称。然后,在设置颜色(set color)拼图的下拉菜单中选择控制器启用的贴图的名称。

动画
一个控制器可以使用 标准的3ds Max方法进行动画制作。在下面的例子中,动画键被添加到Bezier RGBA颜色控制器中,以提供平滑的颜色过渡。

可以用Verge3D的Sneak Peek功能快速查看动画。在导出一个场景后,就可以用 拼图 或JavaScript来控制动画了。

性能考虑因素
物理材质性能
作为创建漂亮而逼真的渲染的唯一选择,物理材质需要您的GPU提供更多的计算能力,并减慢应用程序的加载速度。如果您在您的场景中有很多这样的材质,这一点尤其真实。
为了提高性能,您可以采取以下措施之一。
- 用标准材质取代物理材质。
- 调整 环境贴图尺寸 或 IBL环境模式 属性以改善环境照明性能。
- 切换到 glTF 2.0模式。
遇到问题?
欢迎您随时在 论坛上提问!您还可以加入中文用户社区QQ群(171678760),在线寻求帮助。