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

Question

specification 中有各种示例here，但我找不到关于如何开始的端到端示例，例如使用表示对象表面的数字数据集，动态构建网格并在浏览器中显示。

Answer 1

我们的xml3d-examples 存储库中有一些这样的示例，特别是wave 示例，它动态生成和变形网格。 face morphing的例子也展示了网格变形，生成网格的原理基本相同。

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

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

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

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

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