问题标签 [ar.js]

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

javascript - ar.js 桌面和移动中网格的不同纵横比

我有一个小问题。有我的桌面版: 在此处输入图像描述 还有我的移动版: 在此处输入图像描述 你可以看到有不同的宽高比......我如何在移动设备上设置相同的宽高比(与桌面版一样)。

0 投票
2 回答
250 浏览

javascript - JavaScript 只识别第一个 a 标记

我正在尝试存储 a-marker 标签的 id 属性并且代码工作正常,除了 JavaScript 只识别第一个 a-marker 标签而不是第二个。

问题的代码

包括有问题的代码段和一个代码笔到一个有效的版本。如果我切换 a 标记的顺序,则只有第一个在控制台中打印出来。只是为了确认我没有同时向相机显示两个标记。

对此的任何指示都会很棒。

谢谢。

0 投票
1 回答
2793 浏览

javascript - 在标记检测 A 帧 AR.JS 上播放音频

当使用 A-frame 和 AR.JS 库检测到标记时,我正在尝试播放音频源。

目前我有以下场景、相机和标记:

我最初尝试了以下方法:

但是,它不起作用。关于为什么这不起作用或不起作用的任何想法?我什至没有看到控制台日志,所以它似乎也没有运行。

0 投票
1 回答
1581 浏览

artoolkit - AR.js 扭曲透视:如何使用个性化的相机校准文件`camera_para.dat` 使“地板”平面水平?

我正在研究AR.js的增强现实用例,其中 3D 对象不直接出现hiro 标记上,而是在标记周围的某个位置。

当我通过 iPhone 7 从顶部查看我的 AR 场景时,一切看起来都很好,但是当我倾斜相机以获得更多视角时,AR.js 不会将相同的视角应用于 AR 世界,因此远处的虚拟对象显示为如果它们位于倾斜平面上。

我创建了一个示例页面来说明这种行为:从上面看,网格完美匹配,但从侧面看,平面不匹配。

从顶部看的 AR 场景 AR 场景,从底部看

我可以应用任何设置来配置 AR.js (或ARToolKit,它取决于)?也许有一种方法可以在那里定义我的网络摄像头的视野?

[编辑] 一周后,我将我的问题改写为:如何在 AR.js 中使用特定于设备的camera_para.datARToolkit 相机校准文件而不会产生诸如渲染失真之类的副作用?

0 投票
1 回答
1717 浏览

javascript - AR.JS 自定义标记

我正在尝试为 AR.JS 使用自定义标记。但是,按照说明创建自定义标记然后更改标记预设后,它仍然无法正常工作。关于如何正确实施的任何想法?

这不是标记中的正确实现吗?作为参考,我使用了一个非常简单的黑白圆形图像进行测试,但仍然无法正常工作。是否需要编写其他代码来注册自定义标记模式?

0 投票
2 回答
502 浏览

javascript - 标记检测时播放音频的持续警报

我有一个带有 A-frame 和 AR.JS 的站点,在其中我可以在标记检测时播放音频。但是,当标记在视图中时,我会在控制台中不断弹出此警报数次。

它似乎要求每一帧/几帧。关于如何阻止这种情况的任何想法?这似乎是不好的行为,尤其是对于移动设备。

作为参考,这里是场景代码:

以及注册组件和事件的代码:

0 投票
1 回答
1229 浏览

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

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

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

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

0 投票
1 回答
3008 浏览

aframe - 在标记上渲染时,在框架中寻找一种通过触摸旋转和缩放模型的方法

我正在使用 aframe 0.8.2 加载此 Collada (DAE) 模型,并使用 aframe-ar 在 Hiro 标记上显示它:

代码笔: https ://codepen.io/germanviscuso/pen/KRMgwz

我想知道如何通过在手机浏览器上使用滑动手势来添加控件以在其 Y 轴(相对于标记)上旋转它,并在进行捏合手势时动态缩放模型。理想情况下,如果我在笔记本电脑上测试时它也可以与鼠标/触摸板一起使用,但在手机上触摸就足够了。

通用控件可以处理这个吗?有什么我能看到的例子吗?这必须在模型相对于标记(AR 跟踪)动态渲染时起作用。

任何帮助表示赞赏,谢谢!

0 投票
1 回答
905 浏览

javascript - 如何在javascript中获取gltf模型的屏幕截图?

我正在使用 AR.js 和 React 制作 AR Web 应用程序。它使用 A-Frame 组件渲染 3D 模型<a-gltf-model>,因为 AR.js 与 A-Frame 相关。

我想做一个功能来将最喜欢的 3D 保存models(gltf models)为屏幕截图。

如何在javascript中获取gltf模型的屏幕截图?

0 投票
1 回答
319 浏览

javascript - 在正文以外的 html 元素中使用 AR.JS

我正在尝试将 ar.js 与 angular 一起使用,但 ar.js 似乎总是将自身应用于 body 元素,因此会破坏页面。是否可以将像 canvas 这样的元素声明为 ar 视频的输出元素?我的问题似乎与https://github.com/jeromeetienne/AR.js/issues/209这个问题有关。