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

three.js - 需要使用无标记检测的基于 Web 的 AR 解决方案

我正在使用无标记检测(即使用平面检测或对象检测)为基于 Web 的 AR 解决方案寻找解决方案。尝试使用 a-frame 框架和 three.js,但它们只是基于标记的检测技术来渲染 3d 对象。

0 投票
1 回答
1227 浏览

javascript - 3D模型的A帧抖动

我正在尝试使用 hiro 模式来增强汽车模型,但存在抖动。

当相机离标记较近时,物体抖动(纹理破损)会少一点,但是当相机远离时(增加标记和相机之间的距离,抖动会增加,就像附加图像中一样。

当远
当远

更接近
更接近

远的
远方 2 英尺

0 投票
1 回答
995 浏览

javascript - AR.js 多标记失败

我正在使用 2 个自定义模式并试图让 AR.js 识别它们。这两个标记都是我使用AR.js Marker Training制作成图案的 6x6 条形码,并将下载的图案放入文件夹(如 500.patt 和 600.patt)。结果是当我向它显示一个标记时识别的两个标记,如图所示。

此外,我想在识别标记时得到反应(这就是控制台打印存在的原因),但是虽然两个标记的形状都被绘制,但控制台中没有打印。

我的代码:

结果: 错误

如何使模式识别仅显示一项并打印识别的正确模式?

谢谢

0 投票
1 回答
335 浏览

javascript - 如何监听由 WebCam 错误触发的全局事件:NotAllowedError

我正在使用 ar.js,它使用用户网络摄像头并发出权限提示。我想要的是在用户允许或拒绝访问网络摄像头或之前已经这样做的情况下收听此对话触发的全局事件。

我尝试过使用全球听众,例如:

MDN 上的 WebRTC 错误仅引用全局错误事件。

0 投票
1 回答
215 浏览

javascript - 从 ftp 运行时“THREE.GLTFLoader: Unable to parse model”

我正在尝试直接在网络浏览器中创建增强现实应用程序。在 10 行 HTML ( https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf ) 中有一个非常简单的解决方案。

但是当我尝试导入 Gltf 模型时遇到问题。它在本地服务器上运行良好,但是当我在 ftp 上上传文件时,gltf 模型不显示,而是在控制台中出现此错误:browser.js:111 components:gltf-model:warn THREE.GLTFLoader: Unable to parse model.

我对 web 开发和 javascript 非常陌生,我不知道这个错误来自哪里以及如何修复它。

这是该页面的链接:https ://lesfillesdu9novembre.com/ARWeb/Html/Page.html

这是我的代码:

0 投票
1 回答
665 浏览

javascript - 我正在尝试在 ar.js 上做一个项目

我发现了一个故障代码,它在扫描标记时播放视频,但问题是它只能在桌面上运行,在 chrome android 上视频没有出现,只能听到声音..请帮助我,因为我没有不太懂编码。这是源代码:

如果有人能告诉我该怎么做,那将非常有帮助

0 投票
1 回答
387 浏览

swift - 带有 WebView iOS 的 AR.JS

我在 swift 的 WebView 中测试 AR.js,但出现以下问题

但在野生动物园 AR.js 作品

有什么解决办法吗?

0 投票
0 回答
412 浏览

file - 为什么 obj 和 mtl 文件不能在 ar.js 中加载/工作?

我不知道为什么,但我似乎无法使这段代码工作:

我什么都试过了。仅使用 .png 图像和 gltf 图像。阅读有关如何在 ar.js 中使用 obj 文件的文章和教程,但我尝试的一切似乎都不起作用。我的代码有问题吗?

提前致谢

0 投票
0 回答
1105 浏览

javascript - 为什么我可以在静态 html 中使用 AR、js 但在 vue 应用程序中无法使用

我尝试在 vue CLI 构建的 Web 应用程序中使用 CDN 导入 AR.js 但无法正常工作(可以打开相机但无法显示 AR 项目)

我尝试将代码放在静态 html 中,它可以工作,所以我认为代码是正确的(从 AR.js 开始复制)

我使用的 CDN,我把它们放在 head 的末尾。

我在 vue 组件中的代码。

这是我的控制台 https://imgur.com/GgDtOTn

0 投票
0 回答
297 浏览

cordova - 带有 cordova 和 ionic2 的 ar.js - 视频未显示,但 3d AR 对象显示

我有一个来自 github 存储库的演示 ar.js 项目,它使用 cordova 6.3.1 在标记(hiro)进入网络摄像头视图时显示一个圆环结。我目前正在使用带有 Chrome 的 Android 模拟器。

当我与 ionic 2 平台结合到一个项目中时,视频停止显示。当 hiro 标记进入相机视野时,我仍然可以看到圆环结的叠加 3d 图形,但看不到来自相机的视频流,需要知道标记何时在视野中。

当我从 index.html 文件中评论 ion-app 部分时,视频会显示,但没有离子组件。

我已经尝试了我能想到的方法,包括改变 z-index,尝试通过 local 和 variables.scss 文件改变页面上离子组件的透明度/不透明度背景颜色,并使 renderer.domElement 成为 div 的子节点那是在离子含量之外。非常感谢有关如何让视频显示的任何想法或建议。