问题标签 [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 投票
1 回答
327 浏览

skinning - glTF 骨架动画和节点层次结构。如何将它们结合起来?

在理解 glTF 规范方面需要一些帮助。我为 gltf 格式编写了加载程序,但没有蒙皮动画。如何结合皮肤和节点层次结构的关节?否两次添加某个节点,并以正确的顺序添加所有节点。

0 投票
2 回答
6593 浏览

three.js - 如何在three.js中使用gltf模型投射阴影?

嘿,我是三个 js 的新手,想知道如何使用 gltf 模型投射阴影?我可以看到这是可能的,因为它在这里工作 我假设我没有正确地构建我的代码 -

这是小提琴https://jsfiddle.net/steveham/ckpfwy24/87/

干杯!

0 投票
1 回答
526 浏览

javascript - 单击事件不提供 gltf 模型中的网格名称

有没有一种简单的方法来找出在 gltf 模型中单击的子网格的名称?我在 0.8.0 的框架上。

我尝试了以下 -

HTML 源代码:

组件来源:

但是,它只提供第一个子网格的名称。同样,evt.detail.intersection.point 只提供相同的 x、y 和 z 坐标,而与我在模型上单击的位置无关。

我的要求是能够确定在 gltf 模型中单击了哪个子网格

0 投票
0 回答
1329 浏览

c++ - c++ 从缓冲区获取顶点数组(glTF 模型加载器)

我正在使用https://github.com/syoyo/tinygltf加载 glTF 模型。glTF 模型有一个包含位置数据(顶点坐标)的缓冲区。我想将这些坐标打印到屏幕上。

正如您所看到的,Buffer& bfer现在我想将坐标提取到 Vec3F 结构中(一个 Vec3F 结构有 3 个变量:)float x, y, z,或者我可以打印的任何东西。

另外我需要提一下,缓冲区不仅包括顶点坐标,在BufferView& bview(BufferViews)中给出的它们还有一个偏移量,所以我需要以bview.byteOffset某种方式确定缓冲区中顶点的位置。

如果你能帮助我,非常感谢!

0 投票
1 回答
46 浏览

aframe - a-animation 丢弃初始模型旋转

我正在使用 AR(带标记)并为 gltf 模型设置动画以逆时针在一个轴上旋转。最初将我的标记放在桌子上,让模型在其垂直轴上缓慢旋转 360:

https://codepen.io/germanviscuso/pen/rvVomR

(如果你手边有一个hiro 标记,你可以测试实际的 AR 跟踪)

现在我需要将标记放在甲板上(幻灯片),以便人们在墙上尝试,但需要保持相同的动画(你首先看到脸,然后是后脑勺,然后再次面对)但初始模型旋转(-90 0 0)(如您可以在上面的演示中看到)没有考虑到a-animation。看起来a-animation坐标是绝对的,而不是相对于模型的初始旋转。如果我删除整个a-animation初始旋转看起来不错,但模型当然是静态的。

我应该如何解决这个问题?应用相同动画但相对于模型的初始旋转的正确方法是什么?(我需要从 开始动画rotation=(-90 0 0),在垂直轴上旋转(现在与标记平行)并在同一个地方结束)

0 投票
1 回答
1229 浏览

javascript - AR.js 和 A-frame 的模型问题

所以我正在编写一个关于 A-frame 和 AR.js 的教程,我刚刚复制了代码并在我自己的模型中进行了替换,但是模型不会加载到场景中,我已经玩过规模和在 Blender 中点亮模型以尝试不同的尺寸和配置,但模型不会加载。我一直很难弄清楚如何格式化模型,因为我确定问题出在我的模型上,因为代码有效美好的。

有谁知道如何对模型进行故障排除/修改以便它们实际加载?

这是我的不工作模型的代码供参考,提前致谢!

0 投票
1 回答
550 浏览

three.js - threejs gltf alpha 模式混合选项在某些角度不起作用

我有一个 gltf,我在矩形网格上应用 png 纹理。我有一个矩形png和圆形png。矩形节点在 z = 0.01 处,圆在 z = 0.0 处。用于材质的 alpha 模式是 BLEND。材料是双面的。

GLTF

}

PNG 圆形 PNG

矩形 PNG

我正在使用 ThreeJs gltf 查看器。https://gltf-viewer.donmccurdy.com/ 混合在某些角度可以正常工作,但是当我围绕某些角度旋转时,混合不起作用。截图 混合工作的角度 混合不起作用的角度

有人可以向我解释这种行为吗?我怎样才能在各个角度实现正确的混合。

0 投票
2 回答
1619 浏览

three.js - webgl(three.js)中的物质画家出口gltf完全是黑色的

.fbx导入我模型(.gltf_ ,我发现我的模型是暗的,需要加一个只能看到一个点,效果不是很好,但是导入painter的情况下没有任何问题。.js/examples/webgl_load_gltf.htmldirectLight

它看起来和原始示例中的模型一样好。

我想知道是什么导致了这两个问题。

0 投票
0 回答
115 浏览

javascript - Three.js:动画 gltf 模型在 three.js 中看起来不连贯

我使用 Blender 制作了一个带有骨骼动画的 gltf 文件。

它在 Blender 中运行良好,但在 Three.js 中运行良好。模型在移动时看起来断开连接。 在搅拌机(上图)和 three.js 中比较我的模型

我尝试了几种方法来解决它,但没有成功。

你能给我一个解决方案吗?

0 投票
1 回答
1248 浏览

3d - 在运行时导入另一个纹理(使用 .glb 格式的三个.js)

我正在尝试在运行时更改 .glb 对象的纹理。我正在使用three.js,它不会工作。

在这个例子中它必须工作...... http://necromanthus.com/Test/html5/sims_room.html

所以,我有这个对象:(glb export with embedded image)

现在我改变了纹理,发生了这样疯狂的事情: 换鞋后的鞋子

我不知道我能做什么。

这是加载 .glb 对象的代码:

这是更改纹理的代码:

我的代码是错误的还是有在搅拌机中导出另一个纹理的技巧?

希望有人可以帮助我。谢谢你。