材质
程序员文章站
2022-06-10 21:10:01
...
使用材质
- 基本材质 MeshBasicMaterial
var material = new THREE.MeshBasicMaterial({
visible:true, // 是否可见默认是true
color: 0xff0000, // 材质自身漫反射颜色,不随灯光改变
side: THREE.DoubleSide, // 渲染面,正、反面,双面
wireframe: true, // 是否渲染边框线,渲染边框线则不渲染面,默认为false
opacity: 0.5, // 不透明度,需要transparent设置为true才起作用
transparent: true,
map: texture // 切图文理 图片
});
- 漫反射材质 MeshLambertMaterial
var material = new THREE.MeshLambertMaterial({
···
emissive: 0xff0000, // 材质自发光的颜色
ambient: 0x00ff00, // 材质对环境光的反射颜色,需要设置环境光AmbientLight
});
- 镜面反射材质 MeshPhongMaterial
var material = new THREE.MeshPhongMaterial({
···
specular: 0x0000ff, //镜面光
shininess: 1000, // 光强度,值越大镜面光斑越小
});
- 高仿真材质 MeshStandardMaterial,比以上2种都逼真
var material = new THREE.MeshPhongMaterial({
···
emissive: 0xff0000, // 材质自发光的颜色
ambient: 0x00ff00, // 材质对环境光的反射颜色,需要设置环境光
specular: 0x0000ff, //镜面光
shininess: 1000, // 光强度,值越大镜面光斑越小
});
- 法向量材质,根据xyz渲染红绿蓝颜色,常用来调试
var material = new THREE.MeshNormalMaterial();
上一篇: opengl-多光源