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

Posted

技术标签:

【中文标题】寻找在 xml3d 中以编程方式生成几何图形的示例【英文标题】:Looking for examples of programmatic generation of geometries in xml3d 【发布时间】:2015-10-17 17:27:43 【问题描述】:

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

【问题讨论】:

【参考方案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);

【讨论】:

以上是关于寻找在 xml3d 中以编程方式生成几何图形的示例的主要内容,如果未能解决你的问题,请参考以下文章

在 Swift 中以编程方式创建垂直 UIScrollView

如何在 Simulink Scope 中以编程方式“打印到图形”

在 Ruby 中以编程方式访问属性/方法注释

在 iOS 中以编程方式生成视图

在 CloudFormation 模板中以编程方式生成子网 CIDR 块(或将整数相加)

使用 RemoteView 删除 Widget 中以编程方式生成的布局