问题标签 [8thwall-web]

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 投票
2 回答
786 浏览

javascript - 有没有办法在应用程序中切换前后摄像头

我正在尝试开发一种 web-ar 体验,允许用户在整个体验中在前后摄像头之间切换,同时在使用后置摄像头时使用 SLAM/6dof。理想情况下,我想使用 PlayCanvas,但无法让前置摄像头工作。我在框架中实现了这一点取得了一些轻微的成功,但很多事情都在打破。

我找不到任何有关启用前置摄像头和使用 XR.stop() 的 PlayCanvas 特定文档,然后是 XR.run({canvas: document.getElementById('camerafeed'), cameraConfig: {direction: XR.XrConfig. camera().FRONT}}) 没有任何效果。

在一个框架内,我正在执行类似的事件序列,但我看到了一些结果。前置摄像头被激活,但日志中有错误,3D 对象不渲染(当我们在前置摄像头模式下启动时它们渲染),并且尝试再次切换摄像头显示“糟糕,出了点问题!” 屏幕。

至于切换 SLAM/6dof,我不断收到一个错误,即在 XR.run 执行后我无法更改 disableWorldTracking。即使我已经运行了 XR.stop 函数并监听了 stopxr 事件。

应该切换到前置摄像头的 A 帧功能(只是重要的部分):

在场景运行时更改 disableWorldTracking 参数的正确方法是什么?场景运行时在前后摄像头之间切换的正确方法是什么?

0 投票
1 回答
578 浏览

javascript - 8thWall Web : 如何实现多图目标功能?

我想使用多图像目标功能。我使用框架。我在哪里把这条线:

以及我如何处理我所拥有的<a-entity>属性

现在我使用这样的单个图像目标:

的HTML:

0 投票
1 回答
186 浏览

aframe - 得到“你快到了!” 在新的第 8 面墙项目上?

我看到“你快到了!” 新的第 8 面墙项目上的消息,但是我在设备上使用 Google Chrome。

这是 Glitch 上的项目代码: https ://glitch.com/edit/#!/humble-harpymimus?path=index.html:15:125

这是第 8 个墙项目的唯一 ID: https ://www.8thwall.com/jsxbpchh/glitchtesting

附上手机截图 在此处输入图像描述

0 投票
0 回答
51 浏览

computer-vision - 为什么 8thWall 会限制图像跟踪的图像纵横比分辨率

我进入计算机视觉领域,遇到了 8thWall 网络及其图像检测功能。https://www.8thwall.com/docs/web/#image-targets

自从我阅读了规范后,我就一直想知道为什么他们将图像宽高比限制为 3:4。因为我在网上找不到任何东西,所以我想我会问社区。

非常感谢提供线索。

0 投票
1 回答
657 浏览

aframe - Aframe 网格旋转和动画

我正在尝试在 aframe gltf 模型中旋转网格,但它似乎不起作用。是否可以旋转在场景中运行时添加的 gltf 模型网格?我正在设置枢轴但无法对其应用旋转的网格。

问题:我有一个带有两个网格的门模型。左门和右门。当用户点击门网时,我想将门旋转 180 度。到目前为止,我在整个 3d 对象上都收到了点击事件,并检查了点击了哪个网格;检查其父级并尝试旋转左门但不工作。知道我错过了什么。所以 object.parent 返回我试图旋转的父对象类型。这是正确的方法吗?

这是我到目前为止得到的。

0 投票
2 回答
601 浏览

8thwall-xr - 第 8 面墙图像目标未跟踪图像

我已经从github下载了 8th wall web starter project 。我正在尝试在本地运行传单演示。

传单演示 index.html,我已将应用程序密钥替换为带有第 8 个壁挂式控制台的新创建的 Web 项目。

接下来,使用下面的代码来实现图像目标功能

因此,为了使上述代码正常工作,我已将传单演示中的图像文件夹中的两张图像上传到上面代码中提到的名称的第 8 壁控制台。当我运行它时,图像目标没有检测到这两个图像。

当我在互联网和这里看到文档时,我发现当您在第 8 壁控制台上上传图像目标时,有保存和启用选项,但是在上传时我看不到启用选项。这是图像目标不起作用的原因还是我需要发布第 8 个墙网络应用程序,其中包括使这个图像目标工作的定价?

请帮助

0 投票
1 回答
272 浏览

three.js - 如何使用 ThreeJS 使 OrbitControls 与 8thWall Web 一起使用

我已经使用 ThreeJS集成了基本点击以放置第 8 面墙的示例并对其进行了一些修改,现在我正在尝试将捏缩放和旋转功能添加到我尝试遵循每个 ThreeJS 教程的增强场景/对象中,但是当涉及到与 8thWall 合作我想不出办法来解决它。如果有人可以确认这是否可行以及如何确认,我将不胜感激?我的挣扎始终是 ThreeJS Camera 是由 8thWall 操纵的。

0 投票
1 回答
178 浏览

8thwall-xr - 第 8 个墙壁水龙头放置示例未显示模型替换

我已经替换了 ThreeJS placeground 示例 ( https://github.com/8thwall/web/tree/master/examples/threejs/placeground ) 中的 tree.glb 模型,但它没有显示。使用 tree.glb 时效果很好。为了调试,我还尝试用示例中可用的 jellyfish-model.glb 替换它,但在点击地板时它也没有显示。我的代码是否有问题,或者我要替换 tree.gbl 的 .glb 模型有问题?

github上的文件结构:8thwall-3js-test-github

理想情况下,我想复制我在此示例中使用 Unity+Vuforia 所做的事情(基本上将 .png 放置在地板上):https ://www.youtube.com/watch?v=poWvXVB4044

0 投票
2 回答
566 浏览

javascript - 使用带有多个图像目标的 8th Wall SDK 进行增强

我想在多个图像上增强视频。所以我正在尝试用多个图像实现第 8 壁图像跟踪增强。但我无法获得增强。我对图像目标有疑问。如果我在 html 中提到图像目标名称,那么它可以工作。

<a-entity target-video="name: imageTargets; video: #alpha-video;" material="shader: chromakey; src: #alpha-video; color: 0.1 0.9 0.2" geometry="primitive: plane; height: 0.6; width: 1.38;"> </a-entity>

名称:imagetarget1(第 8 壁控制台中的图像目标名称之一)

但是当我尝试使用多个图像时,它就不起作用了。谁能帮我解决这个问题。我在第 8 个壁挂式控制台中上传了 10 张图像,名称如下 - 'imagetarget1'、'imagetarget2'、'imagetarget3'、'imagetarget4'、'imagetarget5'、'imagetarget6'、'imagetarget7'、'imagetarget8'、'imagetarget9 ', 'imagetarget10' 。

任何人都可以帮我解决这个问题提前谢谢

0 投票
0 回答
55 浏览

8thwall-web - 最小化 8thWall Web 中的漂移

我正在尝试使用 8thwall web 开发网络 AR 体验。它需要与物理世界同步,我需要 6DOF 来完成这个项目。我可以放置我的对象并增强它们,但问题是我经历的漂移太多,例如,如果我离开我的初始位置 4-5 米,我会经历大约 2 米的漂移。我的 ARKit 项目并没有经历过这么大的偏差,我还在 Safari 上的网络搜索中测试了谷歌的“3d 视图”,这也没有给我带来这么大的偏差。
我想知道我是否做错了什么,以及如何最大限度地减少项目中的漂移。我在我的 iPhone XS
PS 上进行开发:我还在 8thwall 网站上测试了一个网络 AR 样本,我也遇到了漂移问题。
非常感谢