问题标签 [web-ar]

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 回答
31 浏览

aframe - 默认切换AR模式

使用A-Frame 1.2.0,在手机上访问URL的默认视图是单声道VR模式,带有按钮可以切换到AR和VR。

此模式还允许将 HTML 按钮等非 AR GUI 元素放置在屏幕上,它们将覆盖在场景顶部,并带有一些 CSS。

是否可以像当前一样在访问 URL 时创建默认视图,但使用 AR 摄像头?即保留 AR 和 VR 按钮,使用 HTML 和 CSS 保留添加到页面的任何内容,但打开设备摄像头?

或者,如果这不可能,如何在加载时立即切换到 AR 模式?

0 投票
0 回答
27 浏览

javascript - 如何将globe.gl 转换为WebAR

我用实时数据制作了以下globe.gl。

https://codepen.io/siam55/pen/oNZdxMy

我想按照本教程创建一个 WebAR 版本。

https://github.com/vasturiano/globe-ar

我的理解是添加这3个CDN

和改变

myWorld = Globe()

myWorld = GlobeAR()

但是,它不起作用。网络摄像头无法启动。

您能否建议我是否应该更改任何其他代码以使其与 webAR 一起使用?

非常感谢你的帮助。

0 投票
0 回答
19 浏览

animation - 如何制作像苹果的 AR 彩蛋一样的 3D 动画?

苹果对他们的活动倒计时有一个好主意。我想知道,你怎么能用什么样的程序来制作这样的 3D 动画?

链接:https ://youtu.be/gEomk4i7MKw或https://youtu.be/OkSLRT5yDDw

0 投票
0 回答
21 浏览

javascript - 如何防止在 three.js 中旋转 gltf 模型

我正在尝试使用Jeeliz Facetrackingthree.js创建珠宝 AR 尝试。面部跟踪和模型跟踪工作得很好,但我不希望我的模型基于头部旋转而旋转。那么如何防止 gltf 模型/场景旋转呢?感谢您的帮助,在此先感谢。附上代码。

0 投票
0 回答
64 浏览

javascript - 在 AR 快速查看中禁用即时 AR 放置

我想禁用 AR 快速查看中的即时扫描和放置,并实现点击/触摸来放置对象。可以禁用 AR 快速查看中的即时对象放置吗?

0 投票
1 回答
57 浏览

augmented-reality - Improve load time of large `.reality` files

So I have a large (138mb) reality file that I want to user to be able to interact with via Safari quick view.

So I have done the following:

now obviously since its such a large file it takes a few minutes to download, now the apple docs are not great when it comes to the web side of reality kit so I'm wondering if there is anything I can do to improve the experience for the user?

0 投票
0 回答
191 浏览

javascript - 如何在 ar.js 中创建 AR 按钮

我目前正在为此创建一个 Web-AR,我需要在 AR 中创建按钮以打开链接或拨打电话号码。问题是我不知道该怎么做。我在网上看过,a-frame 似乎没有提供按钮。这些按钮也必须在触摸屏上工作,所以我不能使用.addEventListener('click') 它。

有没有人有一个简短的例子如何做到这一点或如何在 ar.js 中制作 3D 对象“可触摸”(如果这不是正确的术语,我很抱歉),以便我可以像按钮一样使用它们?

0 投票
0 回答
12 浏览

jsartoolkit - 如何将jsartoolkit5与webRTC连接?

我正在使用 jsartoolkit5 和 Three.js 构建一个增强现实项目,并且我正在尝试连接 webRTC。我坚持与 webRTC 的连接,请建议我这是可能的以及如何做到这一点?

0 投票
0 回答
112 浏览

arcore - 三星 Galaxy S20 - 支持 ARCore 的设备,但在 Web AR 中打开 3D 时显示黑屏

我正在使用 Google ARCore 服务为客户提供 Web 增强现实。

我们的一位客户拥有三星 Galaxy S20 手机。这存在于 ARCore 支持的设备列表中。请参见下面的屏幕截图。他可以在 Web 浏览器(模型查看器)中查看 3D 模型,但每当他单击以在 AR 模式下查看它时,整个屏幕都会变黑。

Web HTML 有以下代码

他在他的手机中安装了最新的 ARCore:Google Play Services for AR。但这也无济于事。自去年以来,该设备似乎与 Google ARCore 列表兼容。

关于做什么的任何建议?

在此处输入图像描述

0 投票
0 回答
72 浏览

android - 如何在没有 WebXrviewer 的情况下在 iPhone 上进行 AR 开发

我们使用Webxrthreejs开发了一个WebAR体验,它适用于 android 手机和 chrome 浏览器,当我们尝试在 android 和 iPhone 的其他浏览器中进行测试时。

  1. iPhone 可与安装在其中的webxrviewer浏览器一起使用
  2. 在 android Chrome 浏览器中安装 ArCore 时工作
  3. 即使安装了ARcore,在 android 中也无法与任何其他浏览器一起使用。

当我们尝试使用 AR.js 时,我们从 Webxr 获得的体验并没有出现,其中 AR 体验也是基于标记的开发。

有没有其他选择,比如

  1. 任何其他提供 AR 体验的框架,例如适用于 iPhone 和 android的Webxr
  2. 我们可以为 iPhone 开发单独的应用程序吗

请提出解决方案..