javascript - 三.js创建VS镜像。钢材对 Material 的影响?

标签 javascript three.js webgl lighting mirror

在 Three.js 中,我对 metalnessroughness 有点困惑。镜子和金属/钢示例中的金属度和/或粗糙度有什么区别,我该如何制作它们?

例如,如何制作一面镜子,如下所示:

Mirror

还有金属 Material ,如下所示:

Metal

最佳答案

如果您曾经使用过 PhotoShop 或 GIMP,您可能还记得使用过高斯模糊工具。这正是粗糙度的工作原理。如果将粗糙度设置为 1,环境贴图将会变得模糊。如果将其设置为 0,则根本不会有任何模糊。

另一方面,金属度是指对象应该反射(reflect)多少环境。设置为 1,会将环境强度设置为 100%,这样您将获得清晰的图像。将此视为放置在对象上的不透明环境。如果将其设置为 0,您可能会发现自己很麻烦,因为该对象 - 没有纹理(在您的情况下,这是镜子 - 反射部分没有纹理集。它可能附加了位移贴图或 UV 纹理提供更多细节)将是黑色的。这是有道理的,因为您没有放置任何纹理。

以下是来自 Three.js 的精彩示例:
https://threejs.org/examples/webgl_materials_envmaps.html https://threejs.org/examples/webgl_materials_envmaps_hdr.html

关于javascript - 三.js创建VS镜像。钢材对 Material 的影响?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68748003/

相关文章:

javascript - 将 Backbone.js 异步获取操作结果绑定(bind)到 View 的正确方法

javascript - 用于 Facebook 共享的 Open Graph 选择了错误的图像

javascript - EventSource Polyfill

transparency - WebGL透明黑

javascript - 追加子节点不能添加超过 1 个子节点

javascript - 单击以将相机放置在 Three js 中的对象附近

javascript - 复杂形状人物轮廓

javascript - Mesh 在 three.js 中突然消失了。剪裁?

Three.js SceneUtils 没有 traverseHierarchy!!!它在哪里?

javascript - Three.js Ray忽略透明像素