Three.js中文网 Three.js中文网
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
Web3D系统课程视频
  • 0.学前说明

  • 1.Three.js快速入门

  • 2.几何体BufferGeometry

  • 3.模型对象、材质

  • 4.层级模型

  • 5.顶点UV坐标、纹理贴图

  • 6.加载外部三维模型(gltf)

  • 7.PBR材质与纹理贴图

    • 1. PBR材质简介
    • 2. PBR材质金属度和粗糙度
      • 3. 环境贴图.envMap(金属效果)
      • 4. 环境贴图2
      • 5. MeshPhysicalMaterial清漆层
      • 6. 物理材质透光率.transmission
      • 7. 三维软件导出PBR材质属性
    • 8.渲染器和前端UI界面

    • 9.生成曲线、几何体

    • 10.相机基础

    • 11.光源和阴影

    • 12.精灵模型Sprite

    • 13.后处理EffectComposer

    • 14.射线拾取模型

    • 15.场景标注标签信息

    • 16.关键帧动画

    • 17.动画库tween.js

    • Three.js教程
    • 7.PBR材质与纹理贴图
    郭隆邦
    2023-01-29
    目录

    2. PBR材质金属度和粗糙度

    # PBR材质金属度和粗糙度(金属效果)

    本节课给大家介绍PBR材质MeshStandardMaterial金属度metalness和粗糙度roughness,再加上下节课讲解的环境贴图.envMap,给大家呈现一个金属渲染效果。

    # 金属度metalness

    金属度属性.metalness表示材质像金属的程度, 非金属材料,如木材或石材,使用0.0,金属使用1.0。

    threejs的PBR材质,.metalness默认是0.5,0.0到1.0之间的值可用于生锈的金属外观

    new THREE.MeshStandardMaterial({
        metalness: 1.0,//金属度属性
    })
    
    mesh.material.metalness = 1.0;//金属度
    

    # 粗糙度roughness

    生活中不同物体表面的粗糙程度不同,比如地面比较粗糙,比如镜子表面就非常非常光滑。

    粗糙度roughness表示模型表面的光滑或者说粗糙程度,越光滑镜面反射能力越强,越粗糙,表面镜面反射能力越弱,更多地表现为漫反射。

    粗糙度roughness,0.0表示平滑的镜面反射,1.0表示完全漫反射,默认0.5。

    new THREE.MeshStandardMaterial({
        roughness: 0.5,//表面粗糙度
    })
    
    mesh.material.roughness = 0.5;//表面粗糙度
    
    1. PBR材质简介
    3. 环境贴图.envMap(金属效果)

    ← 1. PBR材质简介 3. 环境贴图.envMap(金属效果)→

    Theme by Vdoing | Copyright © 2016-2025 豫ICP备16004767号-2
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式