对于与A-Frame(aframe.io)相关的任何事情。 A-Frame是用于构建虚拟现实体验的Web框架。 A-Frame允许我们使用HTML构建场景,同时可以无限制地访问JavaScript,three.js和所有现有的Web API。 A-Frame是一个实体组件系统框架,可以促进组合和可扩展性。使用WebVR,大多数耳机/控制器可以与A-Frame一起使用:Vive,Rift,Daydream,GearVR,Cardboard或普通2D模式。
在不使用第三方引擎的情况下提高 A-Frame 和 AR.js 图像跟踪应用程序的稳定性
我目前正在开发一个在浏览器环境中使用 A-Frame 和 AR.js 的图像跟踪应用程序。然而我在场景中遇到了稳定性问题,与刺伤的水平不符……
问题: 我想制作一个用户可以扔的球。在我目前的实施中,物理原理有效,但我无法举起球。但是,如果我删除“动态主体”,我就可以抓住球
我在Vue3中使用A-frame1.5和handtrackjs遇到问题
我想在vue3中使用aframe1.5和handtrack.js,但是在浏览器中出现错误“无法解析组件:a-camera;无法解析组件:a-scene” 这似乎是由于
如何在 A-Frame 场景中禁用通过触摸查看控件环视 360 度全景? 我的场景中有一个天空元素,我不想通过触摸输入环视我的 360 度全景,而只想移动我的
我尝试利用a-sky来显示vr照片。它在 PC 上运行得很好。在移动设备上,我无法垂直滚动(水平滚动可以用一根手指正常工作)。我怎样才能使垂直滚动工作...
如何通过移动或拖动鼠标来旋转 A 形框架中的框? 我尝试做这样的事情: http://codepen.io/jordizle/pen/haIdo/ https://jsfiddle.net/MadLittleMods/n6u6asza/ 这是我的
我有一个简单的代码: <p>我有一个简单的代码:</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@^5.0.0/dist/aframe-event-set-component.min.js"></script> </head> <body> <a-scene xr-mode-ui="XRMode: ar"> <a-box position="-1 0.5 -3" anchored="persistent: true" grabbable color="#4CC3D9"></a-box> </a-scene> </body> </html> </code></pre> <p>我想添加使用手指或光标在 AR 中移动模型的功能。</p> <p>我已经尝试将“A 形框架锚定组件”与“超级手包”结合使用。在 VR 模式下,我可以用手指操作对象,但在 AR 模式下,此功能无法按预期工作。</p> <p>这是我一直在编写的代码的链接:</p> <p><a href="https://glitch.com/edit/#!/experienced-sturdy-list" rel="nofollow noreferrer">https://glitch.com/edit/#!/experienced-sturdy-list</a></p> <p>有人可以指导我如何使用 A-Frame 在 AR 模式下实现模型移动吗?任何帮助或建议将不胜感激!</p> </question> <answer tick="false" vote="0"> <p>使用 <a href="https://aframe.io/docs/1.5.0/components/ar-hit-test.html" rel="nofollow noreferrer">ar-hit-test</a> 组件解决了💫</p> </answer> </body></html>
我是新来的,如果有人可以提供帮助,我将非常感激。我正在尝试在现实世界环境中运行物理角色,角色如何卡在房间的网格上而不是
我正在尝试使用 WebAudioAPI 和 aframe 来处理音频。如果我理解正确的话,我应该能够将新的卷积器节点或任何其他音频节点连接到创建的现有音频上下文...
如何在 Aframe 中的平面上加载 gif(带透明度)(故障)?
大家好,我是 Aframe 新手,正在尝试在空间网络环境中设置一大堆 gif。 我在飞机上加载 gif 时遇到了一些困难。 我已经通过资源加载了图像...
有哪些解决方法可以使 Aframe VR 在 iPhone 或其他 ISO 移动设备上运行?
我正在跑步: 框架1.3.0 运行 iOS 15.5 的 iPhone 8 运行 macOS Catalina 10.15.7 的 MacBook Pro(2012 年中) 我有一个 aframe 网页,可以在简单的测试环境中加载。 我可以查看
我对 AR 还很陌生,所以这个问题的答案可能很简单。我编写了一个简单的组件,单击后即可更改框的颜色。该组件在 VR 模式下工作,但它不...
我在 AR 应用程序中显示来自 Furniture.3d.io 的家具,该应用程序在使用 Google 的 WebARonARKit 和 aframe 的 Web 视图中运行良好。然而,使用 AR 时,跟踪和照明似乎更好...
我读过很多帖子,包括 https://github.com/jeromeetienne/AR.js/issues/164 以及 https://medium.com/chialab 上这篇非常详尽且长的帖子-开源/ar-js-the-simplies...
我使用 Aframe.js 框架构建了一个基于 Three.js 的 Web 应用程序,该应用程序的主要核心是查看 3D 艺术家使用虚幻引擎完成的 360 度渲染图像。 一切都很好,...
<a-scene id="myScene" mindar-image="imageTargetSrc: ./targets1.mind; filterMinCF:0.0001; filterBeta: 0.001" color-space="sRGB" renderer="colorManagement: true, physicallyCorrectLights" vr-mode-ui="enabled: false" device-orientation-permission-ui="enabled: false"> <a-assets> <a-asset-item id="raccoonModel" src=""></a-asset-item> <!-- <video id="raccoonVideo" loop src=""></video> --> </a-assets> <a-camera position="0 0 0" look-controls="enabled: false"></a-camera> <a-entity mindar-image-target="targetIndex: 0"> <a-gltf-model rotation="0 0 0 " position="0 -0.25 0" scale="2 2 2" src="#raccoonModel" animation-mixer> <!-- <a-video id="video1"rotation="0 0 0" position="0 0 0" scale="1 1 1" src="#raccoonVideo" material="transparent: false"></a-video> --> </a-entity> </a-scene> 我想使用javascript中的变量设置imagetargetsrc的值,但我无法设置它。谁能帮我怎么办?我使用 id 获取场景并使用 set 属性设置值,但它不起作用 const scene = document.getElementById('myScene'); // Set the new image source using a JavaScript variable const newImageSrc = patternFile; scene.setAttribute('mindar-image', `imageTargetSrc: ${newImageSrc}; filterMinCF:0.0001; filterBeta: 0.001`); console.log(scene); 这是我尝试过的,但它不起作用 实际上,当项目是ReactJs时,你应该使用state来处理这样的问题。就像下面这样: const [mindarImage, setMindarImage] = useState('imageTargetSrc: ./targets1.mind; filterMinCF:0.0001; filterBeta: 0.001'); <a-scene id="myScene" mindar-image={mindarImage} color-space="sRGB" renderer="colorManagement: true, physicallyCorrectLights" vr-mode-ui="enabled: false" device-orientation-permission-ui="enabled: false"> <a-assets> <a-asset-item id="raccoonModel" src=""></a-asset-item> </a-assets> <a-camera position="0 0 0" look-controls="enabled: false"></a-camera> <a-entity mindar-image-target="targetIndex: 0"> <a-gltf-model rotation="0 0 0 " position="0 -0.25 0" scale="2 2 2" src="#raccoonModel" animation-mixer> </a-entity> </a-scene> 每当你想改变mindar-image值时,你应该像下面的代码一样操作: const newImageSrc = patternFile; setMindarImage(`imageTargetSrc: ${newImageSrc}; filterMinCF:0.0001; filterBeta: 0.001`)
使用Aframe的实体gltf-model加载时如何访问GLB的Skeleton?
我遵循此规范来加载 GLB,https://aframe.io/docs/1.4.0/components/gltf-model.html, 我已经使用加载了一个 GLB 文件 这种格式。 我遵循此规范来加载 GLB,https://aframe.io/docs/1.4.0/components/gltf-model.html, 我已经使用加载了一个GLB文件 这个格式。 <a-scene> <a-entity gltf-model="./assets/models/Streetbud_1.7.glb" move position=".5 1.5 -15" scale="5 5 5"></a-entity> </a-scene> 如果我随后访问模型,我会在控制台中看到以下内容。 如果我使用来自 Three.js 的 gltfloader 加载相同的模型...... gltfLoader.load('./assets/models/Streetbud_1.7.glb', (gltf) => { .... } 我得到以下信息。 注意,对于 gltfLoader,骨架在模型中可用。我使用 Aframe 实体时没有这个选项。 我希望将一些 BVH 动画重新定位到我的骨骼。关于如何使用 填充骨架有什么想法吗?出于与其他一些库的兼容性原因,我更喜欢使用较新的方法.. 应该像这样工作: 等待模型加载完毕 使用 getObject3D('mesh') 找到根网格对象 遍历它寻找isSkinnedMesh标志。 访问 skeleteon 属性。 AFRAME.registerComponent("skinnedMesh-logger", { 初始化:函数(){ this.el.addEventListener("模型加载", e => { const mesh = this.el.getObject3D("mesh"); 网格.遍历(节点=> { if (!node.isSkinnedMesh) 返回; 控制台.log(节点); // 或node.骨骼 }) }) } })
如何在 A 字框中写重音符号或 ñ?当我写 ñ 或重音符号时,该字符消失 如何在 A 字框中写重音符号或 ñ?当我写 ñ 或重音符号时,该字符消失 <a-entity text="value:áTáílde y e'ñ'; color:#FFFFFF; shader: msdf; font:fonts/roboto/Roboto-Medium.json;" scale="15 15 15" position="6.7 1 -2"></a-entity> 我在 https://github.com/soimy/msdf-bmfont-xml 中找到了很多字体,但没有一个可以使用重音符号或 ñ。 我尝试制作带有重音符号的字体,但我做不到。我不太明白这篇文章https://levelup.gitconnected.com/msdf-font-rendering-in-webgl-91ce192d2bec
可能是一个关于在 aframe 框架中索引 VR 控制器数据的基本问题
从 A 框架示例(https://github.com/aframevr/aframe/tree/master/examples/showcase/comicbook)开始,我目前可以使用我的任务控制器(left 和 r)递增和递减...