问题标签 [gltf]

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 投票
0 回答
579 浏览

javascript - 如何在 Aframe 中正确卸载(解除分配/处置)glTF 或 OBJ 模型?

我正在尝试使用 aframe 创建一个多房间环境。在每个房间中,都会有一些对象可以与之交互,这些模型是从 glTF 或 OBJ 文件加载的。

在手机上,我们的内存非常有限,所以我想在用户传送/移动到另一个房间时清除未使用的模型。但我不知道如何实现这一目标。我发现了一些建议使用的相关问题document.querySelector('a-scene').systems.material.textureCache,但我没有在那里找到我的模型(因为它是模型,而不是纹理)。我尝试过使用THREE.Cache方法,但是有了它,我只能缓存一些数据,根本不行。

我正在使用这样的模型(创建实体):

<a-gltf-model id="m4_obj" src="/models/m4a1/scene.gltf" position="0.713 1 -5.156" scale="0.1 0.1 0.1" ></a-gltf-model>

所以,我尝试清除缓存: https ://i.imgur.com/cYJeegP.png

快照 22 是在加载后拍摄的。

快照 23 是在执行后拍摄的document.getElementById("m4_obj").parentNode.removeChild(document.getElementById("m4_obj"));

执行此操作后拍摄了快照 24:

/models/m4a1/- 是一个包含我要删除的模型的文件夹。但是如果我评论这个对象,我的快照就变成了 56mb!https://i.imgur.com/lznA3q5.png

那么,我应该如何正确地从场景中移除模型,以完全处理它?谢谢!

0 投票
1 回答
293 浏览

blender - A-Frame 0.70:动画 Blender-Exported glTF 2.0 w/ Simple Rig 无法正确渲染

我正在使用 Blender 中的简单装备创建一个动画,并使用它 A-Frame 0.70。我有一个带有盖子的盒子,它通过欧拉旋转打开,但是电枢的所有孩子都随着盖子旋转,即使它们不应该动画。将襟翼连接到它们各自的骨骼也会扭曲襟翼的几何形状 - 但我现在将这个问题简化为只是盖子,以试图了解正在发生的事情。

动画在 Blender 中运行良好,显然在 UX3D 中运行。

尝试将网格分割成块并将它们从骨架中取消父级会导致尽管导出了所有对象,但取消父级的网格根本不会渲染。

尝试了 Blender 2.78c 和 2.79 以及几乎所有 glTF 导出选项与来自 Khronos 的最新 Blender glTF 2.0 导出器的组合。

搅拌机截图

A-Frame 演示

CodePen 链接中包含 Blender 源

感谢我能解决这个问题的任何方向!

0 投票
1 回答
501 浏览

events - a-frame 中的 gltf DOM 事件

我无法在框架中的 gltf 模型中捕获“点击”事件。这是代码。A-frame 文档显示仅支持两个事件。即“模型加载”和“模型错误”。我们如何支持其他事件,例如“Click”和“mouseenter”?

0 投票
1 回答
1449 浏览

click - A帧中的gltf光标侦听器单击事件

我无法弄清楚为什么除了我的 gltf 模型之外,光标侦听器对所有实体都能正常工作。

这是我的html

这里是来自 a-frame 的 cursor-listener 组件

控制台日志对于盒子实体来说很好,但对于 gltf 模型则不然。请问有人可以提供他们的建议吗?

0 投票
1 回答
223 浏览

google-chrome - 启用 GPU 加速模型的颜色消失

我使用 CINEMA 4D 创建了一个模型,它有一些颜色,如绿色、灰色、红色......,并以 obj 格式导出。然后我使用 obj2gltf 工具将 obj 文件转换为 gltf 格式文件,并在 Cesium 上加载 gltf 文件,如下所示:

但是在 Chrome 浏览器上,模型的颜色是完全黑色的。

在此处输入图像描述

  1. 当我禁用 chrome GPU 加速选项时,这是正常的。
  2. 然后我检查了我的显卡是NVIDIA Geforce GTX,但是在另一台带有AMD显卡的笔记本电脑上,它可以正常工作。
  3. 我尝试了其他一些小于 obj 的 obj 文件(大约 44M),它们工作正常。
  4. 我试过其他浏览器IE和Firefox,结果和chrome浏览器一样。

有没有身体有同样的问题?请帮我发布它。非常感谢并原谅我可怜的中文英语!

0 投票
1 回答
172 浏览

gltf - gltf 2.0 BoxTextured 示例



我尝试了解 TEXCOORD_0 访问器的BoxTextured 模型中的数据。

正如在捕获中看到的,对于 POSITION 和 NORMALS 的数据似乎是正确的,但是为什么 TEXCOORD_0 访问器中的值不在 "max": [ 1.0, 1.0 ], "min": [ 0.0, 0.0 ] 的范围内但是有一个 "最大”:[6.0,1.0]?

这些应该标准化吗?

我应用的纹理完全错误:使用 uv 测试纹理渲染
我的误解在哪里?

谢谢

(我知道我的面部方向有问题,但这是另一个问题)

0 投票
1 回答
470 浏览

javascript - 问:cesium 从存储中加载 gltf 模型

我正在尝试将我的.gltf模型放入数据库中。我构建了一个 RESTful API 来从数据库中获取它。但是当我把 URL 放入 Cesium 的框架中时,出现了错误。错误如下所示。

在此处输入图像描述

前端javascript代码

服务器端python代码

0 投票
0 回答
130 浏览

cursor - 光标与 gltf 样板房内壁相交

光标/相机能够与我在搅拌机中建造的房子的内墙相交(.gltf 2.0)

虽然外边界工作得很好,但光标/相机无法穿透它。

这是我的代码 -

https://codepen.io/nirajupadhyay11/pen/ZaGWdN?editors=1111

0 投票
1 回答
348 浏览

unity3d - Unity3D glTF加载3d对象时缓冲区中的无效数组

我正在使用 glTF Unity3D 加载器。我想实时加载一些 glTF 格式的 3D 对象。使用示例中包含的 glTF 文件,效果很好。但是当我尝试加载我的 3D 对象时,我收到了这个错误:

有谁知道我该怎么做?

0 投票
1 回答
948 浏览

cesium - 如何将轨迹方向添加到 CZML 文件

我有一个 czml 文件,表示飞行指定路径的飞机。该文件基于 Cesiusm 提供的 Sancastle 示例(CZML 模型 + CZML 路径)构建。

这是 CZML 变量:

为了能够运行代码,我还添加了以下几行:

如果你运行代码,你可以看到飞机的中心点是如何跟随轨迹的,但是它的航向没有与它对齐,因此给出了一个错误的 rap 表示飞行应该是什么样子:

在此处输入图像描述

您能否解释如何在不更改初始 czml 文件结构的情况下将飞机方向添加到代码中?

注意:我已经找到了这个问题的答案,但我无法解决我的问题。