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

html - 使用 url 作为 ar.js 和 A-frame 的源设置多个 3D 模型时出现问题

我最近才在学习为 A-frame 项目编写代码。当尝试在 A-fram 中设置具有多个目标的场景时,本应由其中一个目标显示的 3D 模型不会出现。与标记一样,该模型使用 URL 作为原始 URL,但只有后者有效。

分离 ar.js 和 A-frame 证明问题显然出在 ar.js 上,但是,我可能弄错了。

您可以在此链接中找到我的代码,因为代码中的 URL 给我在这里发布太麻烦了。该文件的名称是“问题代码”:

https://github.com/BrandexGlobal/ARDuratex/tree/master

0 投票
0 回答
223 浏览

ionic-framework - 有什么方法可以使 3D 模型的背景在 ionic 的场景中透明?

我的问题是如何使 a 帧的白色背景透明,以便我们可以看到我们从 iPhone 相机和 3D 模型中看到的任何内容。

我一直在尝试让 AR(增强现实)在 Ionic iOS 版本中工作。我意识到由于 iOS 中的某些原因,a-frame 无法触发网络摄像头。所以我想到的一种解决方法是按帧加载 3D 模型并同时触发相机。这是一些工作原理,在屏幕的 2/3 中我们可以看到摄像头输入,而 1/3 的模型加载了白色背景。如果我可以透明模型的背景,那么我会很高兴。有什么方法可以在 Ionic 中使模型的背景透明?这个问题还有其他解决方法吗?

在此处输入图像描述

我在 home.page.html 中的内容很简单:` Ionic Blank

在 home.page.ts 我有:

0 投票
0 回答
284 浏览

three.js - AR.js 大模型文件,有没有办法添加加载进度条?

我以为我的小网页在我的 iphone 上失败了,直到我意识到它确实失败了,只是模型文件有点大,需要一些时间才能加载。

是否可以获得模型加载的百分比并在完全下载时获得回调?所以用户知道它正在下载并且需要一些时间。

0 投票
0 回答
213 浏览

javascript - 使用增强现实创建 QR 码扫描仪

我正在使用 AR.js 和 AFrame 创建一个 AR 应用程序。在此,我必须创建一个 QR 码扫描仪,它将显示以 QR 码编码的信息。

我已经浏览过这个,但我发现的只是如何将条形码 3x3 编码为 QR 码,然后将其用于增强模型。但我想创建一个二维码扫描仪。

您能指导我获取一些资源或帮助我了解如何实施吗?

0 投票
1 回答
929 浏览

javascript - A-Frame AR.js 应用程序无法识别我的标记模式,并且在加载页面时也会出现黑色覆盖

这是链接:https ://sixteendollars.github.io/

如您所见,单击链接后,页面上有一个奇怪的黑色覆盖层。

此外,将相机对准我的标记图像 ( https://i.imgur.com/pwGnKIu.png ) 后,它无法识别标记并像预期的那样弹出 A-Frame 实体。我不确定这是否是标记、模型、我访问资产管道的方式或什么的问题。

的HTML:

目录结构:

0 投票
1 回答
525 浏览

javascript - 如何使用 AR.js 添加灯光以使扫描的模型看起来真实

我是 AR.js 的新手,想用 AR.j 做一个非常简单的演示。我从sketchfab得到一个3d 扫描模型,并把它放到AR.js 中。我试过light="type: point" intensity: 5.1了,但灯看起来不像 Sketchfab 上的模型。当我尝试使用 时light="type: ambient",整个模型都是黑色的。

这是来自 sketchfab 的示例以及我得到的。我怎样才能获得与 Sketchfab 节目相同的渲染效果?

0 投票
2 回答
2276 浏览

arcore - Google 如何通过浏览器链接启动 AR Animals ARCore 应用程序?

TL;博士;

Google 的新AR 动物在网络上看起来好像是 AR(如AR.js8thWall),但实际上是原生ARCore应用程序。诡计是浏览器中的一个链接(实际上是一个带有非常模糊的事件处理程序链的按钮)会启动ARCore 应用程序本身,而不会提示用户安装任何东西。谷歌是如何做到这一点的?我也想做。

细节

最近谷歌推出了一项搜索功能,允许用户通过单击搜索信息卡中的链接在 AR 中查看动物。

这是真正的平面感应、SLAM 跟踪 AR,无需标记。在我自己的手机(运行 Android 9 的 Pixel 2)上查看示例,位置和角度保真度令人印象深刻。我可以移动手机,四处走动,老虎的脚(例如)保持在几英寸内。同样,AR 对象具有出色的视觉稳定性,避免了困扰我所见过的大多数基于标记的 AR.js 应用程序的抖动,或者我在 8th Wall 的非标记 示例中看到的平庸的对象锚定。

作为一名致力于通过网络交付 AR 的开发人员,我非常好奇他们是如何取得如此高质量的结果。他们是否拥有比 THREE.js / ARKit / AR.js 开源项目更优越的专有技术?

不。使用笔记本电脑上的 USB 远程检查我的手机,加上一些间接线索,调试到老虎示例,我得出的结论是它们看起来很好,因为它们不是 Web AR,而是使用 ARCore 的原生 AR。谷歌不知何故导致用户的手机加载原生 ARCore 应用程序(系统日志显示 ARCore 本身正在作为应用程序启动)而没有任何安装提示。尝试切换到另一个应用程序会导致 AR 应用程序自动关闭,从而使其难以调试或检查。

Google 自己的 ARCore 文档通常暗示您需要将应用程序发布到 Play 商店才能真正将支持 ARCore 的软件交付给用户。那么,有谁知道谷歌是如何做他们在这里做的事情的?

所有图片都是我的原创作品

信息卡链接

带有链接的信息卡

提示向 ARCore 授予应用权限

提示授予权限

ARCore 刚刚被使用

应用使用日志

0 投票
1 回答
1483 浏览

javascript - 我想加载要动画的实体

我正在使用 AFrame 0.8.2 。我想使用 FBX 格式加载动画模型。

我尝试了所有格式,但它不起作用。我用动画导入了 JSON 模型,它工作但很难获得 JSON 模型。所以我想加载 FBX Model 。这是我的代码 eIn故障。请在故障中编辑代码并提供解决方案。

当我执行此代码并悬停 HIRO 模式时,我无法看到任何模型。

提前致谢 。

0 投票
0 回答
1167 浏览

javascript - 在 A-Frame Ar.Js 中,当我们在模式上加载视频时,我想要一些进度条缓冲(如 Youtube 视频导航器控件)控件

这是我的代码GLITCH。我的代码工作正常。当我显示 HIRO模式时,视频在标记不可见时播放,它暂停。我有 3 个查询:

  • 当我增强时,图案上会出现黑屏几秒钟几秒钟后,视频加载并播放。我不知道到底是什么问题。我认为视频正在后台加载。它发生在网络(互联网)速度较慢时。我的要求是,当我加载页面时,视频应该在前 5 到 10 秒内加载。当视频缓冲时,它应该显示进度条。我不想等待整个视频先加载然后开始播放增强。我想用缓冲区播放视频。它应该先加载 5 或 10 秒,然后在后台缓冲。

  • 我想要像 YouTube 这样的视频上的控件,如进度条(加载)、导航器、静音/取消静音。

  • 是否可以增强 YouTube 视频而不是使用视频本地服务器。我们可以使用Youtube 视频链接吗

当我在标记上增加黑屏时,主要是在网络速度低时发生,我试图整合Youtube视频但它不起作用。

黑屏问网速低(网速慢)进度条Youtube视频增强

0 投票
1 回答
2133 浏览

javascript - 在 AR.js 中加载模型时,显示加载屏幕

当我们加载大 3D 模型或大视频时,加载资产(资源)和渲染资源需要时间,所以我想显示加载屏幕或加载 Gif 文件或加载 A-Box - 直到整个资产加载和渲染已完成,在屏幕上或在图案上。请检查我的故障,它的工作但需要 10-15 秒才能加载和渲染。

我尝试添加资产加载管理器,但没有成功。我尝试了所有方法,但没有奏效

显示HIRO模式后,加载和渲染需要 10-15 秒(取决于 Internet 速度)。我想显示一些预加载器或加载屏幕或一些Gif 加载图像以显示直到对象(资产)完全加载并在渲染和加载完成后渲染并消失......

提前致谢