如何在 A-Frame 中渲染逼真答案

【问题标题】：How can I render realistic in A-Frame如何在 A-Frame 中渲染逼真
【发布时间】：2018-05-04 18:59:35
【问题描述】：

我将模型导入到带有 obj 和 mtl 的框架中，如下所示：

<a-obj-model src="models/ladybug.obj" mtl="models/ladybug.mtl" 
scale="0.03 0.03 0.03"></a-obj-model>

如何在 a-frame 中以逼真的质量渲染此模型，如 c4d 或类似渲染引擎中的 vray

【问题讨论】：

我认为这取决于型号，而不是引擎。 Three.js（a-frame's, base）非常强大。您的“真实品质”可能在于材质（纹理、材质/粗糙度/金属度/折射/环境光遮蔽贴图）

标签： javascript 3d render aframe

【解决方案1】：

A-Frame 用于构建 VR 体验，这意味着渲染器（基于三个.js）必须以 >=90FPS 的速度运行。 three.js WebGL 渲染器可以提供非常好的结果（例如：https://threejs.org/），但与 C4D 提供的较慢的非实时渲染器不同。这些渲染器在 VR 中的运行速度不够快，并且不受 A-Frame 支持。

如果您想在网络上进行这种类型的高质量渲染，您可能希望直接使用three.js，而不是 A-Frame，以及第三方路径跟踪渲染器之一。请参阅此处的主题：https://twitter.com/alteredq/status/932729847301967873。

可能有人可以使用这些渲染器为 A-Frame 创建路径跟踪扩展，但这可能需要大量工作。

如果您要问如何在 VR 和 A-Frame 支持的限制范围内获得最高质量的渲染，那么学习使用建模工具和 PBR 材料是一个不错的起点，但这个问题太宽泛了堆栈溢出。

【讨论】：