问题标签 [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.
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
augmented-reality - 在 iOS 设备上的 AR 查看器中从 3D 模型中移除混合效果
我一直在使用模型查看器将 WebAR 添加到我的网站上,在 Android 上,模型看起来不错并且使用 ARCore 可以正常运行,但在 iOS 上,使用 ARKit 时,模型正在融入氛围,这不是我需要的,
如何使用 Model Viewer api 禁用它?除了这个github 问题之外,我找不到任何参考资料,但是当我使用它时,我收到一条错误消息,提示“对象需要更新版本的 iOS”。
问题/混合图像:
3d - 禁用 Google 模型查看器的 AR 查看
我尝试将 3D 模型渲染到网站中,但使用 Google 模型查看器,但我只有高多边形 glb 格式,与 Iphone 不兼容。我可以禁用模型的 AR 视图,让访问者只能在 Web 浏览器中看到模型,而无法激活 AR 视图吗?
javascript - 我只想在模型查看器中播放带有音频的动画
我想在模型查看器中增强动画 3d 模型,其中动画应该与音频同步播放。我有实现,但增强表面指向和与不同浏览器(Android 和 iOs)的音频同步存在一些问题。故障编辑器
谁能帮我解决这个问题。音频与动画模型不正确同步。模型渲染也有一些问题。预先感谢
reactjs - 如何解决 ReactJS 中 null 的“addEventListener”TypeError?
我正在尝试使用 Google 的模型查看器来加载 3D 模型。它有一个按钮。但我希望该按钮在模型完全加载后可见。所以,我曾经使用这个 Vanilla JavaScript 代码
现在我打算在 ReactJS 中使用它,这就是它的样子
我的 CSS
我使用脚本标签添加了模型查看器
但它给了我这个错误
javascript - 使用谷歌模型查看器+苗条组件时,快速查看 AR 按钮在 iOS 上消失
我遇到的问题是,每当我尝试使用任何苗条的组件或特殊的 html 属性时,iOS 上的谷歌模型查看器都不会出现快速查看 AR 按钮。
我知道这是非常具体的,但我希望用这两者创建一个 AR 项目,如果我不能使用组件,Svelte 不会为我做太多事情(而且我一直喜欢用 svelte 编写代码!)
例如,此代码片段有效(快速查看按钮出现在 iOS 上)
但是,一旦我什至在层次结构中向上/向下/或在与模型查看器相同的级别上添加了一个不相关的组件,快速查看按钮就不会再出现在 iOS 上(见下文,添加了模板组件,它与模型查看器)
我尝试了很多不同的组合,苗条的条件 html 也打破了它,苗条的事件修饰符、属性等。
我知道这是非常具体的,但希望更熟悉 svelte 引擎盖下发生的事情的人可以给我一些见解,当它必须解析 html 中的 svelte 特定标记时,它似乎搞砸了。
谢谢!
javascript - 铬的因承诺拒绝而暂停
我正在尝试将画布(fabric.js)中的纹理分配给模型查看器的baseColorTexture。但没有运气。并且错误在承诺拒绝时暂停。我需要指导。谢谢
animation - .gbl 文件可以同时播放两个不同对象中的两个动画吗?
我有一个为增强现实应用程序创建的 Blender 场景。在其中我有两个不同的对象,每个对象都有自己的动画。在 Blender 中,它们会按预期同时播放,但是当导出到 .gbl 文件时,动画会分开。例如,在 windows 3D 查看器中,我可以选择播放一个或另一个动画,但不能同时播放两者。
有没有办法让它们同时播放?我希望他们在 AR 应用程序中以这种方式玩。
提前致谢。
[已解决]:在导出窗口中,我只需取消“按 NLA Track 分组”选项。
javascript - Three.js - 在动画期间获取当前骨骼骨骼位置
我有一个正在播放动画的 Three.js 项目,我想在不同的时间找到骨架骨骼的位置。
例如,如果我去:https://modelviewer.dev/examples/animation/index.html 并找到 Three.js 场景:
然后我可以访问例如LowerArmR
在这种情况下动画的位置:
如果我这样做,在动画的不同点,我总是得到相同的位置:
如何在动画期间访问当前骨骼位置?
如果我在人形化身动画上执行此过程,然后尝试绘制骨骼的位置,我只会得到 T 姿势,而不是每个给定时间的实际位置:
从这里我可以看到:
骨骼动画在 GPU 上处理,因此在运行时无法在 js 代码中完全访问这些数据。
也许有人知道一些解决方法,但据我所知,没有。
我正在寻找解决方法或规范的方法来做到这一点。