欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

材质

程序员文章站 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();