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

safari - Safari 中 play() 上的 A-Sound InvalidStateError

Safari 在我第二次尝试在 A-Frame 场景中播放 A-Sound 时抛出 InvalidStateError:

  • 当 AR.js 标记可见时,我尝试播放声音(没有事件)。
  • 我定义了一个新组件来检查标记的可见性是否发生变化并相应地播放/暂停 A-Sound。
  • 它在 Chrome 中运行良好,但在 Safari 中会抛出异常“InvalidStateError:对象处于无效状态”。

标记:

Javascript:

0 投票
1 回答
193 浏览

c# - 在 Xamarin.Forms 应用程序中嵌入 ar.js

我正在尝试一些适用于 Xamarin 的 ARCore 和 ARKit SDK 示例。这两个框架都非常强大,对于复杂的应用程序很有用。我需要开发一个简单的品牌应用程序,除了所有无聊的数据和信息外,还需要一个选项来打开一个屏幕,该屏幕应该在标记上显示模型(非常接近这个演示https://github.com/jeromeetienne /AR.js/blob/master/README.md)。

有没有办法使用 Xamarin.Forms 开发所有应用程序(我需要 Xamarin.Forms 提供的跨平台功能)并使用这个 ar.js 组件有一个简单的屏幕(可能是本机的?浏览器?)?

因为AR部分比较普通和简单,我觉得可能是使用Unity甚至ARCore和ARKit会有点矫枉过正。

你对此有什么想法?提前致谢

0 投票
0 回答
134 浏览

augmented-reality - 可以为 AR.js 使用任何无边界自定义标记

我正在为 AR.js 使用自定义标记,它工作正常,但是我需要为我的项目创建一个黑色边框更少或边缘更少的自定义标记,但是当我将它连同它的图案一起创建时,它没有受到影响,而是检测到旧的自定义标记. 如果可能,请帮助我。

0 投票
1 回答
1554 浏览

javascript - 在 Angular 6 中实现 AR.js

我一直在尝试在 Angular 6 中实现 AR.js,但我似乎无法让它工作。
我在这里使用本指南实现了 A-frame:https ://medium.com/@pitipon/a-frame-with-angular-setup-project-5797b2f2a03b

即使 aframe 看似工作,我也无法真正让 ar.js 工作。我已经尝试像某些人所做的那样将其添加到 index.html 中,但这对我也不起作用。我还尝试使用 npm install 安装它并将其添加到 angular.json 中的脚本中,但似乎都没有帮助。

这是我的 app.component.html:

我的 index.html 现在只是默认设置,因为在那里添加脚本似乎不起作用。

我可以通过将脚本添加到 index.html 并将 app.component.html 中的内容放在正文中而不是 app-root 中来使网络摄像头工作,但是它只会在我的控制台中填充错误并且无法检测到任何内容.

我似乎无法让它工作。如果有人能告诉我他们是如何做到的,我将非常感激。

0 投票
1 回答
679 浏览

canvas - 带有角度 6 的 Aframe ar.js 画布上下文

现在有人知道如何获得 a-frame aer.js 画布的上下文了吗?在谷歌浏览器的开发模式下,我可以看到一个画布类,但没有 id 可以通过 id 获取上下文。

我想要类似 var 的东西,ctx = canvas.getContext('2d'); 我正在使用 angular 6 的框架。当我这样做时

constctx总是null

0 投票
1 回答
1898 浏览

onclick - OnClick 在 AFrame-AR.js 场景中的模型

我正在使用 Aframe 和 ARJS 处理增强现实场景。当检测到标记时,我目前正在渲染 obj 模型。我的要求是能够在渲染时单击单个模型并对其进行操作。由于某种原因,onclick 似乎不适用于框架模型实体,但它适用于其他原始实体,如 box 。这是我的方法 -

有什么我可能会忽略的吗?或者有没有其他方法可以达到这个要求。谢谢。

0 投票
1 回答
2463 浏览

mobile - 移动浏览器 Aframe-AR.js 无法识别点击事件

我正在使用 Aframe 和 AR.js 处理增强现实场景。当检测到标记时,我目前正在渲染 obj 模型。我的要求是能够在渲染时单击单个模型以及静态对象(按钮)。由于某种原因,当我在移动设备上测试它时,aframe 实体上的点击事件没有正确触发,它很少检测到触摸,但当我使用网络摄像头在桌面上测试它时它工作正常。这是我的方法 -

我已经尝试过这个https://github.com/jeromeetienne/AR.js/issues/416#issuecomment-425078800 解决方案,它使它变得更好,只是不够准确,在对象外单击时会检测到单击。有什么办法可以解决这个问题吗?
谢谢。

0 投票
1 回答
591 浏览

aframe - 嵌入一​​个打破鼠标/光标的光线投射

将嵌入式组件添加到场景以更轻松地在我的 AR 场景中设置元素样式时,光线投射/点击事件不会在正确的位置触发。当我从场景中删除嵌入标签时,光线投射会正常工作,但在移动设备上查看网页时,场景中的对象处于不同的比例/位置。

有没有办法在嵌入式场景中进行适当的光线投射?

'buttonpressed' 是按钮被点击时发送的事件。我可以单击“按钮”,但不能单击圆圈图形所在的位置

0 投票
1 回答
1379 浏览

javascript - AR.js 标记未正确训练

我有这个自定义徽标,它在其中创建了无法正常工作的 .patt 文件是否有任何 AR.js 设计规则

我遵循设计原则的自定义标记是否有任何问题

https://jeromeetienne.github.io/AR.js/three.js/examples/marker-training/examples/generator.html

我有这张图片

在此处输入图像描述

如何获得准确的 .patt 文件

0 投票
0 回答
627 浏览

augmented-reality - AR.js:增加稳定性的多个标记?

到目前为止,我一直在使用 AR.js,并且对它的功能感到非常惊讶。然而,有一些我想做但尚未弄清楚的事情:是否可以定义几个(不同的)标记并将它们用于放置单个对象?

这背后的动机是 AR.js 需要相当大的标记,否则项目在相机视图中会颤抖。是否可以通过在指定的偏移量中使用几个较小的标记并将项目放置在它们的中心来避免这种情况?