Three.js 创建镜像VS。钢铁对 material 的影响?
Three.js creating a mirror VS. steel effect on material?
在 three.js 中,我对 metalness
和 roughness
有点困惑。镜像中的 metalness
and/or roughness
和 metal/steel 示例有什么区别,我将如何制作它们?
比如我要怎样做镜像,像这样:
和金属material,像这样:
如果您曾经使用过 PhotoShop 或 GIMP,您可能还记得使用过 Gaus 模糊工具。这正是粗糙度的工作原理。如果将粗糙度设置为 1,环境贴图将变得模糊。如果将其设置为 0,则根本不会有任何模糊。
另一方面,金属度是物体应该反映多少环境。将此设置为 1,会将环境强度设置为 100%,这样您将获得清晰的图像。将其视为放置在对象上的不透明环境。如果你将它设置为 0,你可能会发现自己很麻烦,因为对象 - 没有纹理(在你的情况下,那是镜子 - 反射部分没有纹理集。它可能附加了置换贴图或 UV 纹理到提供更多细节)将是黑色的。这是有道理的,因为您没有放置任何纹理。
以下是来自 three.js 的精彩示例:
https://threejs.org/examples/webgl_materials_envmaps.html
https://threejs.org/examples/webgl_materials_envmaps_hdr.html
在 three.js 中,我对 metalness
和 roughness
有点困惑。镜像中的 metalness
and/or roughness
和 metal/steel 示例有什么区别,我将如何制作它们?
比如我要怎样做镜像,像这样:
和金属material,像这样:
如果您曾经使用过 PhotoShop 或 GIMP,您可能还记得使用过 Gaus 模糊工具。这正是粗糙度的工作原理。如果将粗糙度设置为 1,环境贴图将变得模糊。如果将其设置为 0,则根本不会有任何模糊。
另一方面,金属度是物体应该反映多少环境。将此设置为 1,会将环境强度设置为 100%,这样您将获得清晰的图像。将其视为放置在对象上的不透明环境。如果你将它设置为 0,你可能会发现自己很麻烦,因为对象 - 没有纹理(在你的情况下,那是镜子 - 反射部分没有纹理集。它可能附加了置换贴图或 UV 纹理到提供更多细节)将是黑色的。这是有道理的,因为您没有放置任何纹理。
以下是来自 three.js 的精彩示例:
https://threejs.org/examples/webgl_materials_envmaps.html
https://threejs.org/examples/webgl_materials_envmaps_hdr.html