08 Three.js 帮你做了什么

Material：表面为什么像塑料或金属

拖动粗糙度，比较高光和反射。

粗糙度0.35

0.021

金属度0.00

讲解

带下划线的数字可以左右拖动

const material = new THREE.MeshStandardMaterial({  roughness: ,  metalness: });// 环境贴图提供可见的表面反射

粗糙度 / 金属度决定表面怎样响应光线。它们是 Three.js 内置 shader 的 uniform。

JS 这一侧

MeshStandardMaterial 是 Three.js 写好的一大段片元 shader：粗糙度和金属度只是它的 uniform。

试一试