javascript - 寻找在 xml3d 中以编程方式生成几何图形的示例

Question

规范中有各种示例，但我找不到端到端示例，说明如何从表示对象表面的数字数据集开始，动态构建网格并在浏览器中显示。

Answer 1

我们的xml3d-examples存储库中有一些这样的示例，特别是即时生成和变形网格的wave示例。面部变形示例也显示了网格变形，生成网格的原理基本相同。

您要做的是编写一个 Xflow 运算符，它将数值数据集作为输入并输出顶点位置（必要时还包括法线和面索引）。最终结果将如下所示：

<data id="mydata" compute="index, position, normal = xflow.yourOperator(input1, input2 ...)">
    <float3 id="myinput1" name="input1">...</float3>
    ...
</data>

<mesh src="#mydata" type="triangles"></mesh>

这是上面波形示例中的运算符，这将是一个很好的起点。每当输入数据发生变化时，Xflow 将自动重新计算网格，您可以在值元素（int、float、float3 等）上使用setScriptValue函数来设置输入数据，而无需将其作为文本转储到 DOM 中：

document.getElementById("myinput1").setScriptValue(numericalData.input1);