材质

作者: Look_a_Look | 来源:发表于2017-09-25 10:25 被阅读17次

    使用材质

    • 基本材质 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();
    

    相关文章

      网友评论

          本文标题:材质

          本文链接:https://www.haomeiwen.com/subject/tidjjxtx.html