问题标签 [x3dom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
110 浏览

x3dom - 在球体上使用 X3Dom MovieTexture 不会显示整部电影

我正在尝试使用 X3Dom 将电影用作球体上的纹理MovieTexture。它是等角投影,允许用户环顾四周(类似于谷歌街景)。

这部电影是 mp4 或 ogv,可以在 x3dom 文档中的示例代码中播放,例如一个盒子形状。

然而,在球体上,只有 20% 的表面被电影纹理覆盖,而其余的则被拉伸在表面上。

带有 MovieTexture 的球体和盒子形状

相关代码如下所示:

0 投票
1 回答
406 浏览

collada - 将 .dae 转换为 x3dom

有没有办法可以将 3D 模型(在 .dae 中,我使用 SketchUp)渲染到 x3dom 中?我在网上查了,但找不到路。

希望有人可以提供帮助。

0 投票
1 回答
181 浏览

x3d - 在 X3D/X3DOM 上显示静态文本/图片

在 X3D/X3DOM 中显示静态文本或图片的正确方法是什么?使用 HTML 元素真的很容易搞砸整个网站的格式......

0 投票
1 回答
165 浏览

javascript - ng-单击 X3Dom 形状

我正在尝试将 angular.js 与 X3DOM 一起使用。我希望能够创建一个形状(在本例中是一个球体),并在用户点击它时让它做一些事情。我已经能够使用传统的 onclick 方法让它工作。但是,当我切换到 Angular 的 ng-click 时,事件无法触发。不幸的是,由于我要显示的数据存储在控制器中,因此必须使用 angular onclick。

我做了一些研究,据说 angular.js 不是 100% 与 X3DOM 兼容,所以我猜这是问题的一部分。但是我一直在使用其他角度指令而没有问题。有谁知道是否有解决此错误的方法?

代码示例:

0 投票
1 回答
48 浏览

html - HTML - 将 SVG 图像包含为 MFString

无论如何,在一个 HTML 文件中,您可以包含生成为 MFString 的 SVG 吗?

我的情况如下。假设有一个简单的 SVG 绘制,例如:

而在 X3DOM 中,该background字段backURL将参数设为MFString如下所述:

你能知道如何将 HTML 生成的 SVG 包含到 X3DOM 中,而不需要外部 SVG 图像吗?

0 投票
1 回答
146 浏览

3d - "X3D" : 使用 ElevationGrid 时不显示任何内容

我使用这个例子,但问题是在使用 ElevationGrid 时没有显示任何东西,但是当使用其他例子时,例如所有形状它的工作正常,任何人都可以向我提供任何信息或建议,因为我必须绘制地形“地球”? 这是html文件

0 投票
1 回答
91 浏览

x3d - IndexedFaceSet 在 x3d 文件中创建额外的面

我使用 x3dom 创建了一个 x3d 文件。以下是文件的结构。将以下代码复制到文本编辑器中并将其保存为 .x3d 文件。对于图像纹理,您可以考虑任何 jpg 文件并将其放置在与 x3d 相同的位置。

从顶视图看,3D 对象看起来像这样, 在此处输入图像描述

从底部视图看起来像这样, 在此处输入图像描述

我检查了所有点,它们的顺序正确,但不确定为什么要创建这两个额外的面。我在这里做错什么了吗?

0 投票
1 回答
65 浏览

x3d - 使 x3dom 3D 不可拖动

我使用 X3DOm 创建了一个曲面图。我想固定它的位置。如何使使用 x3dom 创建的 3D 对象不可拖动或旋转。我想修复它。请协助。

0 投票
1 回答
73 浏览

javascript - 使用插值器优化 X3DOM 动画

我想用 x3dom 可视化交叉带分拣机。交叉带式分拣机具有带有 90° 圆弧的环形形式。对于我使用的交叉带:

< Rectangle2D size='0.6 0.6'/>

分拣机有 58 个交叉带,对于每个交叉带,我想通过 javascript 动态更改材料的颜色。交叉带应该像实际一样沿着分拣机移动。因此我使用标签:

<timeSensor DEF='timeKOSorter' cycleInterval='60' loop='true'></timeSensor>

例如对于交叉带 0:

< PositionInterpolator DEF='POSKO01_0' key='0 0.344 0.355 0.366 0.377 0.389 0.4 0.411 0.433 0.444 0.455 0.466 0.478 0.489 0.5 0.844 0.855 0.866 0.877 0.889 0.9 0.911 0.933 0.944 0.955 0.966 0.978 0.989 1.0 ' keyValue='8.0 0 0.0 -8.0 0 0.0 -8.518 0 0.068 -9.0 0 0.268 -9.414 0 0.586 -9.732 0 1.0 -9.932 0 1.482 -10.0 0 2.0 -10.0 0 3.0 -9.932 0 3.518 -9.732 0 4.0 -9.414 0 4.414 -9.0 0 4.732 -8.518 0 4.932 -8.0 0 5.0 8.0 0 5.0 8.518 0 4.932 9.0 0 4.732 9.414 0 4.414 9.732 0 4.0 9.932 0 3.518 10.0 0 3.0 10.0 0 2.0 9.932 0 1.482 9.732 0 1.0 9.414 0 0.586 9.0 0 0.268 8.518 0 0.068 8.0 0 0.0 '>< /PositionInterpolator>
<Route fromNode='timeKOSorter' fromField='fraction_changed' toNode='POSKO01_0' toField='set_fraction'></Route>
< Route fromNode='POSKO01_0' fromField ='value_changed' toNode='crossKO01_0' toField='translation'>< /Route> < OrientationInterpolator DEF='oriKOSorterKO01_0' key='0 0.344 0.355 0.366 0.377 0.389 0.4 0.411 0.475850.4464 0.4464 0.4 0.489 0.5 0.844 0.855 0.866 0.877 0.889 0.9 0.911 0.933 0.944 0.955 0.966 0.978 0.989 1.0 ' keyValue='0 1 0 0.0 0 1 0 0.0 0 1 0 0.262 0 1 0 0.524 0 1 0 0.785 0 1 0 1.047 0 1 0 1.309 0 1 0 1.571 0 1 0 1 1.571 0 1 0 1.833 0 1 0 2.094 0 1 0 1 0 2.356 0 1 0 1 0 2.618 0 1 0 2.88 0 1 0 1 0 1 0 3.142 0 1 0 1 0 3.142 0 3 3.403 0 3 3.403 0 0 0 3 3.665 0 3 3.665 0 0 3 3.927 0 3.927 0 3 3.927 0 4 4.189 0 4.189 0 4.189 0 1 0 4.451 0 1 0 4.712 0 1 0 4.712 0 1 0 4.974 0 1 0 5.236 0 1 0 5.498 0 1 0 5.76 0 1 0 6.021 0 1 0 0.0 '>< /OrientationInterpolator>
< Route fromNode='timeKOSorter' fromField='fraction_changed' toNode='oriKOSorterKO01_0' toField='set_fraction'>< /Route> < Route fromNode='oriKOSorterKO01_0' fromField ='value_changed' toNode='crossKO01_0' toField='rotation'> </路线>

我现在的问题是,如果我用每 58 个交叉带为 2 个分拣机设置动画,则会花费大量 CPU 时间。在我的电脑上,它使用超过 40% 的 CPU 功率。有谁知道如何获得更好的性能?

0 投票
1 回答
179 浏览

html - X3D 中的彩色面不起作用

我已经在 X3D 中定义了一些面,并试图为它们分配颜色。我有下面的代码,但是当我加载模型时,什么都没有出现,它只显示“硬件缓冲”。当我摆脱与颜色定义相关的部分时,它加载正常(并且形状正确)。有什么想法吗?谢谢!