问题标签 [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 回答
502 浏览

html - 在 A-Frame 中进入 VR 模式后,摄像头画面变黑

下面是我的代码,我对使用框架还很陌生,而且很有趣,我似乎无法弄清楚为什么我会遇到这个问题,有经验的人可以帮助我吗?

当您不处于 VR 模式时,相机可以工作,但当您在 ​​a-frame 中进入 VR 模式时,背景会变为黑色,而不是显示相机源。有谁知道为什么?我之前在其他网站上寻求过帮助,但没有任何帮助。

0 投票
0 回答
1159 浏览

ionic-framework - 如何在 Ionic 框架中使用 AR.js?

我可以在 chrome 浏览器上使用该代码,但该代码似乎不适用于 Ionic。https://github.com/jeromeetienne/AR.js

或者他们是我可以用于 Ionic 的任何其他开源 AR 技术。EzarTech 对我的应用程序来说不够强大。

0 投票
2 回答
10765 浏览

three.js - 如何检测何时在 AR.js 中找到标记

我正在尝试检测标记是否在 ar.js 中找到/丢失,同时使用 a-frame。

从我在源代码中看到的,当找到标记时,应该触发一个“getMarker”事件,而且artoolkit 似乎调度了一个markerFound 事件。

<a-scene>我试图在或 上收听这些事件<a-marker>,但似乎我错了,或者我需要更深入地了解arController、 或arToolkit对象。

当我记录场景或标记时,我只获得对属性的引用,这些属性似乎没有附加上述对象。(如marker.arController,或marker.getAttribute('artoolkitmarker').arController

有没有人试过这个并且有任何提示如何做到这一点?

0 投票
1 回答
737 浏览

javascript - 如何使图像可拖动放置在使用

我正在尝试使用 aframe-ar.js 和 aframe.js 的网络增强现实。我想让我放置的图像可拖动<a-scene>。我使用<a-assets>标签首先注册图像,然后<a-image>在网络摄像头中识别标记时用于显示图像。图像已成功显示,但即​​使尝试了许多选项,我也无法使其可拖动。我的代码在这里:

0 投票
1 回答
543 浏览

aframe - 在将 GLTF 模型与 aframe-ar.js 一起使用时获取“无法读取未定义的属性‘切片’”

我已经很好地使用了 2D 图像,并且在控制台中没有任何错误,但是当尝试使用 gltf 模型时,没有任何显示,并且我收到以下错误“无法读取 aframe.min.js 中未定义的属性 'slice' :121'。

这是我得到模型的地方 - https://sketchfab.com/models/294e79652f494130ad2ab00a13fdbafd

这是我试图遵循的文档 - https://aframe.io/blog/arjs/

0 投票
1 回答
681 浏览

javascript - 如何将 Javascript 库移植到 React Native?

任何人都可以提供一些一般指导或指出如何将 JavaScript 库移植到 React Native 组件中的示例吗?

具体来说,我有兴趣为AR.js构建一个 React Native 组件包装器,但我不知道如何将他们的系统(使用 HTML<a-scene>元素)转换为我可以用作 React Native 标记的东西。

0 投票
2 回答
6959 浏览

javascript - How to remove the alerts 'trackingBackend' and 'markersAreaEnabled' with AR.js?

On my AR.JS example https://github.com/ybinstock/aframe_ar (github) https://ybinstock.github.io/aframe_ar (live site), I'm getting these two boxes seen in the attached image.

enter image description here

Here's my aframe scene

0 投票
2 回答
1335 浏览

vue.js - a-marker 不适用于 aframe

我安装了(npm)aframe 和 ar.js 库;但是,当我尝试使用<a-marker>or<a-marker-camera>时,出现以下错误:

我能够导入 aframe 库,但是当我想导入和使用 ar.js 库时,我收到一个错误,即找不到 ar.js。

我遵循了来自: https ://aframe.io/blog/arjs/的 AR 实现示例

有人可以告诉我我做错了什么吗?

0 投票
1 回答
563 浏览

javascript - 如何自定义 AR.js 相机?

我们在 AR.js 中有一个简单的小组项目。目标是使用 hiro 标记添加我们创建的简单对象(如椅子)。问题是如何添加侧面菜单来选择我们的项目并在现场打印它们。我们已经了解如何更改对象,但无法在摄像机视图前添加叠加层。

谢谢 !

0 投票
0 回答
336 浏览

javascript - AR.js 如何使用它的跟踪后端?

我想通过添加我自己的跟踪后端来扩展AR.js。但是,我很难找到有关该库架构或它如何与底层组件交互的任何文档。同样,了解更多关于 AR.js 如何与 ARToolkit、Tango、A-Frame、WebVR、ARCore 和WebARonARCore相关的信息会很有用。由于该领域非常新且充满活力,因此有很多项目同时进行,有时会非常混乱且难以区分它们的功能。

我需要实现的后端是基于YOLO的对象识别。我有一个正在运行的原型 - Android Unity Tango 应用程序,它将从设备摄像头捕获的视频卸载到边缘节点,并在边缘节点进行实时处理,并将有关已识别对象的信息发送回设备,用于渲染注释。我希望将这些注释表示为框架标签,以便使用 JavaScript 轻松进行内容分层。

欢迎任何想法/指针。