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

于 2024-10-03 13:29:06 发布
阅读量117 收藏
点赞数 4
分类专栏： Three.js 文章标签： javascript 前端 webgl 3d 材质
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Miller777_/article/details/142691276
版权

本节课给大家介绍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;//表面粗糙度
小彭努力中
关注
专栏目录
(一)PBR材质理论
风里有诗句哈的博客
06-17 602
PBR材质有两种体系 金属-粗糙度描述体系和高光-光泽度描述体系 UE4使用了金属-粗糙度描述体系，但加入了高光 基本颜色（Albedo Base Color） 得到一系列贴图时，命名为Albedo或Base Color的，就是金属-粗糙度描述体系下的基本颜色 粗糙度（Roughness） 粗糙度是一张黑白位图，白色部分代表粗糙，黑色部分代表光滑，全白代表绝对粗糙，全黑代表绝对光滑 金属度（Metallic） 金属度也是一张黑白位图，白色部分代表金属，黑色部分代表非金属 高光（
Three.js——十一、PBR材质金属度、粗糙度以及环境贴图的使用
NanChen的博客
07-11 1719
如果想使用环境贴图对scene所有Mesh添加贴图材质，可以通过Scene的场景环境属性.environment实现,把环境贴图对应纹理对象设置为.environment的属性值即可。用于设置环境贴图的强度。当然在实际开发中，环境贴图的不同也会对渲染效果造成影响，也需要选择合适的贴图，往往这种贴图可以让美术提供即可。表示模型表面的光滑或者说粗糙程度，越光滑镜面反射能力越强，越粗糙，表面镜面反射能力越弱，更多地表现为漫反射。总结：粗糙度越小，反射效果越强，如果设置为0，那么他将完全镜面反射，等同于镜子。
threejs金属材质效果 PBR材质金属度和粗糙度
u014291990的博客
12-16 2099
实际生活中，一个物体表面，往往会反射周围的环境。人的眼睛看到的东西，往往反射有周围景物，所以three.js渲染模型，如果想渲染效果更好看，如果想更符合实际生活情况，也需要想办法让模型反射周围景物。不同的明暗或景物的环境贴图对渲染效果的影响是不一样的，所以不仅要设置环境贴图，还要根据需要选择合适的环境贴图，一般实际开发使用美术提供的环境贴图即可。环境贴图对PBR材质渲染效果影响还是比较大，一般渲染PBR材质的模型，最好设置一个合适的环境贴图。，就是一个模型周围的环境的图像，比如一间房子，房子的。
PBR物理材质
现在学习也不晚
06-23 964
本人笔记，不喜勿喷PBR在英文里面是 Physically Based Rendering 翻译成中文就是基于物理的渲染。
WebGL Babylon 利用pbr材质(金属材料)
creatlh的博客
03-23 629
合理利用pbr材质结合环境纹理,可以大幅度提升模型质感和反射效果调整pbr材质的金属.....
【Three.js入门】标准网格材质、置换贴图、粗糙度贴图、金属贴图、法线贴图
HuoZhiyan 的博客
12-23 4026
本文主要介绍了标准网络材质与光照物理效果，并详细演示了置换贴图、粗糙度贴图、金属贴图和法线贴图实现效果....
UE4材质（二）：PBR材质
q345911572的博客
05-07 6359
Physical Based Rendering（PBR）：基于物理的渲染。基于物理的材质最重要的输入包括“金属色Metallic”、“高光度Specular” 和 “粗糙度Roughness”
pbr材质系统和vray材质系统有什么不同
pengshangluoyu的博客
02-02 1万+
作者：戴巍 链接：https://www.zhihu.com/question/49032411/answer/118293944 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 现在游戏行业开始流行起来的pbr材质系统，在CG渲染领域已经发展很多年了。就是说，游戏行业的材质在慢慢追逐影视的效果，最近这两年才比较接近了。 所以，C
PBR材质：基本原理和简单制作
热门推荐
qq_14942529的博客
06-02 2万+
概要：介绍PBR材质的基本原理以及制作一个简单的PBR材质
PBR材质宝典_PBR_Guide_Vol2_中文版_vol_pbr_pbrt_
09-30
2. **材质系统**：详细阐述如何建立和管理PBR材质系统，包括设置不同材质类型，如金属、非金属、透明等，并解释各种参数的含义和用途。 3. **光照模型**：介绍各种光照模型，如Lambertian、Phong、Blinn-Phong等，...
PBR应用于虚幻引擎4贴图和材质创建的启示.pdf
06-20
3. **材质编辑器**：UE4的材质编辑器提供了一套直观的界面，让用户能够方便地调整各种材质属性，包括但不限于基础颜色、金属度、粗糙度等。 #### 四、PBR材质的制作流程 **高质量PBR材质**的制作需要经历以下几个...
PBR材质宝典_PBR_Guide_Vol1_中文版_vol_pbr_pbrt_
10-01
4. **粗糙度**（Roughness）：影响反射光的扩散程度，决定了反射面的光滑度。 5. **阿尔法混合**（Alpha Blending）：处理半透明或透明物体，如树叶或玻璃。 6. **自发光**（Emissive）：用于表示自身发光的物体，如...
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 500
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
如何使用Redisson的布隆过滤器？
最新发布
付聪
10-02 161
【代码】如何使用Redisson的布隆过滤器？
【开源免费】基于SpringBoot+Vue.JS校园资料分享平台（JAVA毕业设计）
customer08的博客
09-30 1081
校园资料分享平台是一个B/S模式系统，采用Spring Boot框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得校园资料分享平台管理工作系统化、规范化。
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 823
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
深入理解 Nuxt.js 中的 app:data:refresh 钩子
09-29 1296
钩子在数据被刷新时触发，可以选择性地传入要刷新的键名（keys）。这为开发者提供了一个灵活的机制来响应数据变化，并进行必要的更新。Nuxt.js 中的钩子的用途及其实现方法。这个钩子为开发者提供了一种灵活的方式来处理数据的更新，从而优化应用的响应性和用户体验。
跨境电商系统基本功能和特点​
商城 / Java 商城 -首选 商城 开源 电商 商城 源码 商城
09-29 381
综上所述，跨境电商系统通过其全面的功能和特点，为全球用户提供了便捷、高效、安全的跨境购物体验。随着技术的不断进步和市场的不断发展，跨境电商系统将继续优化和完善，以适应新的挑战和机遇。
手写pbr材质shader
09-09
当涉及到手写 PBR（Physically Based Rendering，基于物理的渲染）材质着色器时，以下是一个简单的示例，用于实现标准的 PBR 材质模型： ```c // 着色器属性 uniform vec3 uAlbedo; // 反射率颜色 uniform float uRoughness; // 粗糙度 uniform float uMetallic; // 金属度 // 表面法线和视图方向 in vec3 vNormal; // 顶点法线 in vec3 vViewDir; // 视图方向 // 光源属性 uniform vec3 uLightDir; // 光源方向 uniform vec3 uLightColor; // 光源颜色 void main() { // 计算使用 Cook-Torrance BRDF 模型的光照 vec3 N = normalize(vNormal); vec3 V = normalize(vViewDir); vec3 L = normalize(uLightDir); vec3 H = normalize(V + L); // 半向量 // 计算漫反射项 float NdotL = max(dot(N, L), 0.0); vec3 diffuse = uAlbedo * NdotL; // 计算镜面反射项（使用 Cook-Torrance BRDF） float NdotH = max(dot(N, H), 0.0); float roughnessSquared = uRoughness * uRoughness; float F0 = mix(0.04, 1.0, uMetallic); vec3 specular = vec3(0.0); if (NdotL > 0.0) { float NdotV = max(dot(N, V), 0.001); float NdotH2 = NdotH * NdotH; float alpha = roughnessSquared; float D = exp((NdotH2 - 1.0) / (alpha * NdotH2)); float F = F0 + (1.0 - F0) * pow(1.0 - NdotV, 5.0); vec3 F_specular = vec3(F); float G = min(1.0, min(2.0 * NdotH * NdotV / NdotL, 2.0 * NdotH * NdotL / NdotV)); vec3 G_specular = vec3(G); specular = D * F_specular * G_specular / (4.0 * NdotL * NdotV); } // 最终颜色 = 漫反射 + 镜面反射 vec3 finalColor = diffuse + specular; // 输出颜色 gl_FragColor = vec4(finalColor, 1.0); } ``` 这只是一个简单的 PBR 材质着色器示例，实际中可能还包含其他的贴图、光照模型或者其他参数。这段代码可以作为一个起点，你可以根据需要进行修改和扩展。请记住，PBR 材质着色器通常需要更多的计算和参数，以便更真实地模拟光照和材质的物理特性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值