three.js - THREE.js の光沢のあるマテリアル

Question

このリンクのような three.js を使用して、マテリアルに光沢のある効果を作成するにはどうすればよいですか? パストレースには興味がありません (まだ :) )

WebGL パス トレーシング

Answer 1

光沢とは、鏡面方向に光を反射するマテリアルの能力を指します。

three.js では、それを行うために使用できますTHREE.MeshPhongMaterial。例えば：

new THREE.MeshPhongMaterial( { 
    color: 0x996633,
    envMap: envMap, // optional environment map
    specular: 0x050505,
    shininess: 100
} ) 

MeshStandardMaterial環境マップでも使用できます。

three.js r.97