三.js pbr解决方案答案

【问题标题】：Three.js pbr Solution三.js pbr解决方案
【发布时间】：2015-09-20 23:25:12
【问题描述】：

我知道 toolbag 和 playcanvas 最支持 PBR（基于物理的渲染）。 three.js 中有什么 pbr 解决方案？

请提供一些链接或示例。

【问题讨论】：

【解决方案1】：

以下是一些使用 PBR 的 Three.js 示例：

【讨论】：

不错的发现。虽然在第一个演示中，我看到镜面高光中有一些奇怪的脉冲。设置粗糙度可以让您更清楚地看到它。你也看到它还是它只是我的机器？ sijietian.com/WebGL/pbr
WebGLpbr：我还在镜面高光中看到了一些奇怪的脉冲
这是一个dusanbosnjak.com/test/webGL/new/pbr/poredjenjeNormalaBias.html
不过只有评论中的那位使用的是 IBL（基于图像的照明），这是 PBR 最常见的用法。

【解决方案2】：

Khronos gltf 格式现在有一个 proposed PBR extension 在工作中。长期目标是拥有一个标准的 3D 模型格式，具有受 Three.js 和许多其他渲染引擎支持的 PBR 功能。

截至撰写本文时（2016 年 9 月），这仍处于早期阶段，尚无示例可分享。有兴趣的朋友可以track the list of PBR issues关注进度。

【讨论】：

【解决方案3】：

查看THREE.MeshStandardMaterial。您将获得 metalness 和 roughness 属性以及通常的 normal 和 ao

【讨论】：