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

Question

here中有各种示例specification，但我无法找到关于如何启动的端到端示例，例如使用表示对象表面的数值数据集，即时构建网格并在浏览器中显示。

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);