问题标签 [model-viewer]

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 回答
115 浏览

javascript - 隐藏部分Html源代码(3d模型的src部分)

我的页面基于 html javascripts 和 css,用于在 web 上以 3D 形式查看产品模型。

我试图隐藏我的 <model-viewer 部分。如果您按 f12 或右键单击页面,您可以轻松地将我的 3d 模型下载到您的计算机。( src="资产/m1/makine.glb")

是否可以使用 javascript 或使用其他工具为我的页面隐藏源代码上的某些部分(模型查看器部分)?

谢谢..

我的页面链接 > https://unruffled-einstein-e67ebb.netlify.app/urun.html

0 投票
1 回答
172 浏览

augmented-reality - 在 iOS 设备上的 AR 查看器中从 3D 模型中移除混合效果

我一直在使用模型查看器将 WebAR 添加到我的网站上,在 Android 上,模型看起来不错并且使用 ARCore 可以正常运行,但在 iOS 上,使用 ARKit 时,模型正在融入氛围,这不是我需要的,

如何使用 Model Viewer api 禁用它?除了这个github 问题之外,我找不到任何参考资料,但是当我使用它时,我收到一条错误消息,提示“对象需要更新版本的 iOS”。

问题/混合图像:

在此处输入图像描述

0 投票
1 回答
394 浏览

3d - 模型查看器:如何缩放 3D 对象以填充容器

我有这个 3D 模型,它在一个非常大的模型查看器画布中加载非常小 在此处输入图像描述

我希望它加载更大以至少适合矩形的高度,模型查看器中是否有此设置?

该模型在 Blender 中被缩放到相当大,所以我确信实际模型的比例不是问题。

0 投票
1 回答
287 浏览

3d - 禁用 Google 模型查看器的 AR 查看

我尝试将 3D 模型渲染到网站中,但使用 Google 模型查看器,但我只有高多边形 glb 格式,与 Iphone 不兼容。我可以禁用模型的 AR 视图,让访问者只能在 Web 浏览器中看到模型,而无法激活 AR 视图吗?

0 投票
1 回答
481 浏览

javascript - 我只想在模型查看器中播放带有音频的动画

我想在模型查看器中增强动画 3d 模型,其中动画应该与音频同步播放。我有实现,但增强表面指向和与不同浏览器(Android 和 iOs)的音频同步存在一些问题。故障编辑器

谁能帮我解决这个问题。音频与动画模型不正确同步。模型渲染也有一些问题。预先感谢

0 投票
1 回答
260 浏览

reactjs - 如何解决 ReactJS 中 null 的“addEventListener”TypeError?

我正在尝试使用 Google 的模型查看器来加载 3D 模型。它有一个按钮。但我希望该按钮在模型完全加载后可见。所以,我曾经使用这个 Vanilla JavaScript 代码

现在我打算在 ReactJS 中使用它,这就是它的样子

我的 CSS

我使用脚本标签添加了模型查看器

但它给了我这个错误

0 投票
0 回答
214 浏览

javascript - 使用谷歌模型查看器+苗条组件时,快速查看 AR 按钮在 iOS 上消失

我遇到的问题是,每当我尝试使用任何苗条的组件或特殊的 html 属性时,iOS 上的谷歌模型查看器都不会出现快速查看 AR 按钮。

我知道这是非常具体的,但我希望用这两者创建一个 AR 项目,如果我不能使用组件,Svelte 不会为我做太多事情(而且我一直喜欢用 svelte 编写代码!)

例如,此代码片段有效(快速查看按钮出现在 iOS 上)

但是,一旦我什至在层次结构中向上/向下/或在与模型查看器相同的级别上添加了一个不相关的组件,快速查看按钮就不会再出现在 iOS 上(见下文,添加了模板组件,它与模型查看器)

我尝试了很多不同的组合,苗条的条件 html 也打破了它,苗条的事件修饰符、属性等。

我知道这是非常具体的,但希望更熟悉 svelte 引擎盖下发生的事情的人可以给我一些见解,当它必须解析 html 中的 svelte 特定标记时,它似乎搞砸了。

谢谢!

0 投票
1 回答
105 浏览

javascript - 铬的因承诺拒绝而暂停

我正在尝试将画布(fabric.js)中的纹理分配给模型查看器的baseColorTexture。但没有运气。并且错误在承诺拒绝时暂停。我需要指导。谢谢

0 投票
0 回答
60 浏览

animation - .gbl 文件可以同时播放两个不同对象中的两个动画吗?

我有一个为增强现实应用程序创建的 Blender 场景。在其中我有两个不同的对象,每个对象都有自己的动画。在 Blender 中,它们会按预期同时播放,但是当导出到 .gbl 文件时,动画会分开。例如,在 windows 3D 查看器中,我可以选择播放一个或另一个动画,但不能同时播放两者。

有没有办法让它们同时播放?我希望他们在 AR 应用程序中以这种方式玩。

提前致谢。

[已解决]:在导出窗口中,我只需取消“按 NLA Track 分组”选项。

0 投票
1 回答
693 浏览

javascript - Three.js - 在动画期间获取当前骨骼骨骼位置

我有一个正在播放动画的 Three.js 项目,我想在不同的时间找到骨架骨骼的位置。

例如,如果我去:https://modelviewer.dev/examples/animation/index.html 并找到 Three.js 场景:

然后我可以访问例如LowerArmR在这种情况下动画的位置:

如果我这样做,在动画的不同点,我总是得到相同的位置:

如何在动画期间访问当前骨骼位置?

如果我在人形化身动画上执行此过程,然后尝试绘制骨骼的位置,我只会得到 T 姿势,而不是每个给定时间的实际位置: 在此处输入图像描述

这里我可以看到:

骨骼动画在 GPU 上处理,因此在运行时无法在 js 代码中完全访问这些数据。

也许有人知道一些解决方法,但据我所知,没有。

我正在寻找解决方法或规范的方法来做到这一点。