ThreeJS 3D 对象质量

ThreeJS 3D Objects quality

有人知道像这里 http://showroom.littleworkshop.fr/ 这样的 3D 对象怎么可能有这么好的质量?这些对象是从 3DsMax 或 Blender 或类似的东西以这种质量导出的,还是在 threejs 中改进的质量?据我所知,该项目是使用 threejs 创建的。有关此项目的任何信息都会有所帮助。

谢谢。

质量问题是主观的。一个更好的问题是 "how can I create a scene using three.js with photo-realistic lighting and materials".

所以这是一个答案。有几点使您提供的示例看起来不错:

1 - 灯光。该示例混合使用了直接照明和环境照明。 使用商品硬件的当前技术水平,几乎不可能在 three.js(或与此相关的任何其他 3d 包)中实时生成此类照明。所以,你需要使用光照贴图。光照贴图是光影的预渲染纹理,它们可能需要很长时间才能生成,但看起来令人难以置信,如您提到的示例所示。您可以使用 Blender 的 Cycles 渲染器使用 "Bake" 功能生成光照贴图。光照贴图生成这个话题真的不在问题范围内。

2 - 基于物理的 materials。这用于指代 material 模型,这些模型在 "plastic" 之外具有出色的现实生活 material 表现。 Three.js 至少有 1 个这样的材料:基于 Metalness/Roughness/Albedo 模型的 StandardMaterial (https://threejs.org/examples/?q=material#webgl_materials_standard)

祝你好运!

打开 Antialias 以获得更好的渲染质量效果很好 还根据要求和相机视图使用灯光