问题标签 [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.
javascript - Aframe：平滑位置和旋转？
我一直在尝试使用 Aframe 和 AR.js。对于增强现实应用程序，一个常见问题是放置在标记上的对象变得非常“抖动”或“生涩”。我已经对该问题进行了一些研究，似乎解决此问题的一种可能方法是在几帧上平滑旋转和位置。不幸的是，这样做的教程几乎不存在，我刚刚开始掌握 Html/Javascript。
因此我的问题是：你知道是否有可能在一个框架实体中有一个函数来提取位置和旋转，平滑它们，然后将它们传递给（我想）一个使用这些平滑值进行放置的子实体？
我可以想象开始可能看起来像这样：
你知道如何解决这个问题吗？
augmented-reality - 在纵向模式/ AR.js 上单击对象外的区域
我正在尝试处理AR.js参考以下页面的点击事件。
https://medium.com/chialab-open-source/how-to-handle-click-events-on-ar-js-58fcacb77c4
但是，如果手机处于纵向模式，则会出现如下图所示的问题。
https://i.stack.imgur.com/3PuXY.jpg
如何解决？
three.js - AR.js 尝试将场景同步到指南针北方
我正在使用 AR.js 设置增强现实，并且我试图在页面加载时让相机/场景朝向正北。
简短的例子是我正在尝试创建一个视图，该视图具有向用户显示的北/东/南/西虚拟指南针。
到目前为止，我已经让它在一定程度上工作，但校准有时似乎有点偏离。我正在使用 MEAN 堆栈和 AR.js
这是我所拥有的：
视图.html：
角度客户端控制器（此部分仅在初始化时运行一次）：
我在相机实体上设置旋转的方式不正确吗？有一个更好的方法吗？有什么建议么？
我有罗盘方位输出到我的开发显示器，看来硬件正在正确获取罗盘读数。
硬件：iPhone X
参考：此外，有关 aframe 在打开时如何定位到相对手机位置的参考，请参阅此 内容： https ://github.com/aframevr/aframe/issues/349 关于 a-frame 旋转的参考： https://aframe。 io/docs/0.8.0/components/rotation.html
javascript - 如何将相机视图约束到 DIV 元素边界
我正在尝试允许一些空间在此 AR 站点上添加导航菜单，但不能覆盖 AR.JS 默认全屏相机视图。我的代码几乎与 Jerome 的原始代码类似：
请注意，我在标签上添加了 20 像素的填充，body但最后添加的标签完全忽略了该填充video。
augmented-reality - AR.js 自定义标记
我是 WebAR 新手，但我有使用 Unity3D 和 Vuforia 和 8thWall 等软件构建 AR 场景的经验。
我对 AR.js 的标记有疑问。为什么他们会被厚厚的黑色边框卡住？该软件是否不能像 Vuforia 和 Wikiitude 那样仅识别独特的图像？我很抱歉我在谈到 WebAR 时可能是多么天真，但是，如果开发人员不能使用真正自定义的图像和模式，我认为这会影响这项技术的采用率。有没有我可能在某处错过的解决方案？如果有人删除/擦除标记上的黑色大边框会怎样？它仍然有效吗？
感谢任何可以对此有所了解的人！
augmented-reality - 如何隐藏A帧中的叠加层？
我希望 Aframe 默认屏幕位于我网站的一小部分，所以首先我想隐藏覆盖，任何帮助将不胜感激！
aframe - 标记处于垂直位置时如何配置ar.js
我发现的每个示例在桌子或地板上都有标记。但是如果我把标记放在墙上，它会翻转旋转，这样高度就是深度等等。我知道我可以旋转物体，但如果我想使用物理或例如超级手，它的控件不是向上/向下而是向前/向后。如何更改标记轴？
three.js - 如何正确提高 AR.js 处理分辨率？
我正在尝试使用 AFrame AR.js 增加 AR.js 可以检测标记的距离。
据我了解，sourceWidth和sourceHeight确定从网络摄像头请求的分辨率，同时canvasWidth并canvasHeight设置 ARController 用于处理每个帧的画布的大小。
两者的默认宽度和高度都设置为 640 x 480，但更改其中一个也需要更改另一个，否则纵横比将不再正确。但是，不同的设备会有不同的纵横比，尤其是对于更高的分辨率，并且渲染会失真。
问题可能在于必须在拥有网络摄像头源尺寸之前定义画布尺寸。有没有办法根据初始化的 ARSource 设置画布尺寸？
或者有没有不同的方法来简单地提高处理的分辨率而不用担心支持的分辨率和纵横比？
web-applications - 用于 Web 应用程序 AR.js 的无标记的 Agumented 现实
我正在尝试使用AR.js创建具有增强现实的Web 应用程序。我可以成功地显示带有标记的对象。
有没有办法在 AR.js 中不使用标记来显示增强现实。
提前致谢。
ionic-framework - (iOS) Navigator.mediaDevices not present in your browser error with ionic and aframe
我无法让 AR.JS 或 Aframe 在 iOS 上与 Ionic 一起使用。
Webcam error: WebRTC issue-! Navigator.mediaDevices not present in your browser尝试为 iOS 构建时出现以下错误。有什么我想念的吗？
我已经按照这个例子https://www.joshmorony.com/augmented-reality-in-an-ionic-angular-pwa/