问题标签 [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.
html - 使用 url 作为 ar.js 和 A-frame 的源设置多个 3D 模型时出现问题
我最近才在学习为 A-frame 项目编写代码。当尝试在 A-fram 中设置具有多个目标的场景时,本应由其中一个目标显示的 3D 模型不会出现。与标记一样,该模型使用 URL 作为原始 URL,但只有后者有效。
分离 ar.js 和 A-frame 证明问题显然出在 ar.js 上,但是,我可能弄错了。
您可以在此链接中找到我的代码,因为代码中的 URL 给我在这里发布太麻烦了。该文件的名称是“问题代码”:
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 我有:
three.js - AR.js 大模型文件,有没有办法添加加载进度条?
我以为我的小网页在我的 iphone 上失败了,直到我意识到它确实失败了,只是模型文件有点大,需要一些时间才能加载。
是否可以获得模型加载的百分比并在完全下载时获得回调?所以用户知道它正在下载并且需要一些时间。
javascript - 使用增强现实创建 QR 码扫描仪
我正在使用 AR.js 和 AFrame 创建一个 AR 应用程序。在此,我必须创建一个 QR 码扫描仪,它将显示以 QR 码编码的信息。
我已经浏览过这个,但我发现的只是如何将条形码 3x3 编码为 QR 码,然后将其用于增强模型。但我想创建一个二维码扫描仪。
您能指导我获取一些资源或帮助我了解如何实施吗?
javascript - A-Frame AR.js 应用程序无法识别我的标记模式,并且在加载页面时也会出现黑色覆盖
这是链接:https ://sixteendollars.github.io/
如您所见,单击链接后,页面上有一个奇怪的黑色覆盖层。
此外,将相机对准我的标记图像 ( https://i.imgur.com/pwGnKIu.png ) 后,它无法识别标记并像预期的那样弹出 A-Frame 实体。我不确定这是否是标记、模型、我访问资产管道的方式或什么的问题。
的HTML:
目录结构:
javascript - 如何使用 AR.js 添加灯光以使扫描的模型看起来真实
我是 AR.js 的新手,想用 AR.j 做一个非常简单的演示。我从sketchfab得到一个3d 扫描模型,并把它放到AR.js 中。我试过light="type: point" intensity: 5.1
了,但灯看起来不像 Sketchfab 上的模型。当我尝试使用 时light="type: ambient"
,整个模型都是黑色的。
这是来自 sketchfab 的示例以及我得到的。我怎样才能获得与 Sketchfab 节目相同的渲染效果?
arcore - Google 如何通过浏览器链接启动 AR Animals ARCore 应用程序?
TL;博士;
Google 的新AR 动物在网络上看起来好像是 AR(如AR.js或8thWall),但实际上是原生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 刚刚被使用:
javascript - 我想加载要动画的实体
我正在使用 AFrame 0.8.2 。我想使用 FBX 格式加载动画模型。
我尝试了所有格式,但它不起作用。我用动画导入了 JSON 模型,它工作但很难获得 JSON 模型。所以我想加载 FBX Model 。这是我的代码 eIn故障。请在故障中编辑代码并提供解决方案。
当我执行此代码并悬停 HIRO 模式时,我无法看到任何模型。
提前致谢 。
javascript - 在 A-Frame Ar.Js 中,当我们在模式上加载视频时,我想要一些进度条缓冲(如 Youtube 视频导航器控件)控件
这是我的代码GLITCH。我的代码工作正常。当我显示 HIRO模式时,视频在标记不可见时播放,它暂停。我有 3 个查询:
当我增强时,图案上会出现黑屏几秒钟。几秒钟后,视频加载并播放。我不知道到底是什么问题。我认为视频正在后台加载。它发生在网络(互联网)速度较慢时。我的要求是,当我加载页面时,视频应该在前 5 到 10 秒内加载。当视频缓冲时,它应该显示进度条。我不想等待整个视频先加载然后开始播放增强。我想用缓冲区播放视频。它应该先加载 5 或 10 秒,然后在后台缓冲。
我想要像 YouTube 这样的视频上的控件,如进度条(加载)、导航器、静音/取消静音。
是否可以增强 YouTube 视频而不是使用视频本地服务器。我们可以使用Youtube 视频链接吗
当我在标记上增加黑屏时,主要是在网络速度低时发生,我试图整合Youtube视频但它不起作用。
黑屏问网速低(网速慢)进度条Youtube视频增强