最近的v0.3.0博客文章提到WebVR 1.0的支持，允许“我们在桌面显示器上有不同于耳机的内容，为异步游戏和观众模式打开了大门。”这正是我想要实现的。我希望在场景中有一个摄像头代表HMD的视点，另一个摄像头代表同一场景的观众，并将该视图渲染到同一网页上的画布上。0.3.0取消了将a场景渲染到特定画布的功能，有利于嵌入组件。如何实现两个摄影机同时渲染一个场景 我的目的是让桌面显示器从不同的角度显示用户正在做什么。我的最终目标是能够构建一个混合现实的绿屏组件 虽然将来可能会有更好或更干净的方法来
目前，在我看来，使用简单的动画标记，整个文本都会改变颜色。 我想打破它，所以在开始时，左边（或右边）的字母将被着色，然后第二个，依此类推 或者，我想从一侧到另一侧为基本体（如立方体）着色 可能吗？是的，理论上一切都可能。你尝试了什么？我没有一个确切的答案，但你可能需要编写自己的着色器来实现这一点。我没有尝试太特别的东西。例如，下面的代码为我提供了一个带有文本的平面，当用户查看该平面时，文本的颜色会从绿色变为白色（慢慢地…）。我想把文字从一边涂到另一边。
当尝试为我的OBJ对象加载MTL文件时，我不断收到警告：当提供.MTL时，将忽略材料组件属性。 我写的是基于这个和对象的文档。我怀疑问题与每个资产的路径有关。奇怪的是，对象可以工作，但MTL在加载时遇到问题。目前，我已将所有内容保存在框架中的assets文件夹中，路径是Glitch为对象和MTL提供的URL。如果这个问题很简单，我很抱歉。提前谢谢 升级到A-Frame 0.6.0，此问题已通过不将材质设置为obj模型组件的依赖项而得到解决 您的MTL和OBJ文件无效。它们指向本地目录 tiefi
我正在导入画廊的.gltf模型，并添加环境光和平行光（尝试了所有类型）。在0.8.0中，一切都按预期工作；但是，当使用版本0.9.0时，模型的内部看起来很暗，没有灯光可以影响它。由于增加了对Oculus Go控制器的支持，我不得不使用A-frame 0.9.0。 我整个上午都在试图弄明白这一点，但似乎仍然找不到问题所在 <html> <head> <meta charset="utf-8"> <title>Hello, WebV
我是一名硕士生，正在为我的项目开发基于a帧的VR应用程序 以及在异构网络条件下为多个用户同步其性能。有人知道我如何在运行时为延迟超过30毫秒的网络连接速度较慢的用户调用资产超时吗。因此，基本上，如果延迟超过30ms，我希望调用资产超时，以便可以启动VR渲染。 谢谢您可以使用 ... 考虑到通过网络获取资产时，30毫秒的时间并不多。您可以使用 ... 考虑到通过网络获取资产时，30毫秒的时间并不多。感谢Diego的快速响应。我还有一个问题，a-frame应用程序是否可以部署到边缘分发服务器
我正在使用带框架的轨道控制。当我平移对象，然后使用左键单击旋转它时，它不会围绕其新中心旋转。它仍然围绕0,0,0旋转 如何实现为动态观察控件设置新目标，以便当用户平移然后旋转/缩放时，相机应围绕新目标旋转和缩放 我是新来的一个框架和三个js。以下是我用有限的知识到目前为止所做的尝试 var entity_3dModel=document.createElement（“a-entity”）； 场景.追加子对象（实体\三维模型）； 实体3dModel.setAttribute（“修改材质”和“”）
我尝试使用raycaster，但似乎无法使其工作（我的控制台中没有显示任何内容）。我尝试了以下例子： Javascript文件 AFRAME.registerComponent('collider-check', { dependencies: ['raycaster'], init: function () { this.el.addEventListener('raycaster-intersected', function () { console.log('Pl
我正在使用a-frame加载全景照片，示例代码如下。在加载照片时，它会显示一个白色屏幕，并且会持续几秒钟，这会造成糟糕的用户体验。我想在加载照片时添加加载动画，但找不到任何有用的指南。有人能帮忙吗 我可以为您指出正确的方向。总的来说；首先，在加载所有内容时创建要显示的内容；然后在它加载后隐藏它，或者做任何你想做的事情 例如，创建一个具有大z索引的全屏div，它可以显示一些加载程序动画。然后使用javascript（普通方式或A-Frame推荐方式（为其构建组件））隐藏div window.on
说明： 我已经在各种文档中搜索了一段时间，但我还没有找到在使用帧时，是否有办法获得虚拟现实环境中控制器的实时位置信息。加载控制器后，在场景中，我尝试从中获取位置数据 控制器\u left.getAttribute（'位置'） 以及 控制器_left.object3D.position 但是，即使我移动控制器，它们也总是说控制器处于（0,0,0）。我使用的组件似乎知道控制器在哪里，所以球体碰撞器和类似的东西可以工作，但是我想自己获取实时位置数据，以查看控制器在虚拟现实环境中的位置 我的问题更具体地
我不熟悉一个帧，尝试根据场景中的用户交互动态更改摄影机位置，以更接近对象并返回到以前的位置 但不知何故，这在虚拟现实模式下不起作用。在桌面浏览器中，相机将根据需要更改位置 HTML: 我已经试过了解决办法 禁用动态观察控制，更改位置，然后启用动态观察控制 挂起相机包装并尝试更改包装在VR中仍不起作用的位置 我使用的是最新的aframe版本。如果您对如何实现这一目标有任何想法，请告诉我 我在钢笔下面放了一个演示。当你们点击球体时，你们将被转换到球体附近，再次点击它将回到原来的位置。这在桌面浏览器中
我有一个a平面嵌套在另一个a平面中 我还尝试了一个嵌套的a型图像，得到了相同的结果。我还尝试删除内部平面，并将其添加到外部和相同的位置。但我总是得到同样的结果 A帧版本：0.9.2您已将两个平面放置在相同的位置。渲染器不知道哪一个应该在另一个前面（因为它们是平面，并且它们的变换是相同的），因此您会遇到这种情况 您需要定位其中一个平面，以便它们不会重叠： <a-plane> <a-plane position='0 0 -0.001'> </a-plane&
暂停后，我需要从头重新启动一个视频圈。有什么想法吗 <a-assets> <video id="myVideo" src="myvideo.mp4"></video> </a-assets> <a-videosphere src="#myVideo"></a-videosphere> document.querySelector('#myVideo').pause(); // Now how to restart?
文档中提到我可以使用组件的remove函数来删除我添加的EventListener。我需要一直这样做吗？或者在删除实体时是否删除事件 我知道我需要删除我在其他实体上添加的事件。但如果组件向其实体添加了单击事件。删除实体时是否会删除该单击事件？或者这会导致内存泄漏吗 干杯 彼得＜P＞三例： 如果是DOM元素（如a-Frame的） 如果要存储元素以便以后重新附加它，则需要删除remove（）中的侦听器，以便下次运行init（）时，不会开始接收重复事件 最后一种情况，也可能是最重要的，是如果您的组件将
我有以下激光控制的代码，当相机进入VR模式后直视前方时，激光控制处于完美位置 <a-entity position="0.25 1.25 -0.2" class="laser-controls"> <a-entity laser-controls="hand: right" line="color: red"></a-entity></a-entity> 问题是：当我旋转我的头部（相机）时，我想让控制装置平稳地跟随我的头部旋转（我有一些代
使用a框架-假设我有一个2d形状，如三角形或平面。如果我将材料设置为侧面：双面-是否可以在两面使用不同的颜色/材料？ 下面是一个我正在使用的示例 <a-triangle vertex-a="11.25 0 -18.75" vertex-b="15 0 -20" vertex-c="10 0 -20" color="red" material="side: doubl
是否可以添加指向GLTF 3d对象的链接（使用标记触发） 我已经尝试了通常的“a-link”方法，onClick方法，甚至应用了一个id和使用jQuery——都没有运气——任何帮助都将不胜感激 <a-scene embedded arjs> <a-marker id="dragon" preset="custom" type="pattern" url="pattern-dragonfly.patt"> <a-entity animation-mixer
不工作的白色结果 ... <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> <script src="https://rawgit.com/oscarmarinmiro/aframe-video-controls/master/dist/aframe-video-controls.min.js"></script&g
我能够得到相机的当前位置，即它在一帧中的x、y、z坐标 在下面的代码中，我正在使我的相机向前移动 function move_camera_forward(){ x=$("#cam").attr("position").x; y=$("#cam").attr("position").y; z=$("#cam").attr("position").z; updated_pos=x+" "+y+" "+String(Number(z)-0.2); $("#cam").attr("position",
A-frame通过其提供了易于使用和强大的音频功能 在为我的游戏（进行中）使用了各种声音选项（如原生html5）后，我得出结论，A帧声音是最好的选择，因为它自动提供空间化声音（例如，随着头部旋转而变化），当你靠近声源时，声音的强度也会发生变化——这会增加虚拟现实的存在感，而这一切都是为了定义一个简单的html标记 不幸的是，A-frame没有提供衰减实用程序来在停止时逐渐减弱声音，因此可以在某些波形上产生清晰可听且恼人的咔嗒声，尤其是长度可变且波形本身没有逐渐减弱的声音（例如，太空船的推力）。这
将嵌入组件添加到场景中以更轻松地设置我的AR场景中元素的样式时，光线投射/单击事件不会在正确的位置触发。当我从场景中移除嵌入的标记时，光线投射会正常工作，但在移动设备上查看网页时，场景中的对象处于不同的比例/位置 有没有办法在嵌入式场景中使用propper光线投射 <body style="margin: 0px; overflow: hidden"> <a-scene embedded arjs="debugUIEnabled: false; sourceType: web
当我设置对数深度缓冲区时：true在AFrame渲染器组件中，text组件的所有实例都不再渲染 为了解决这个问题，我从场景中删除了所有其他实体，文本仍然没有渲染。我还尝试了使用包装的组件，尝试了alphaTest:0.5，设置depthTest:true和设置sortObjects:false，只是想看看我是否能得到任何类型的结果，但没有发现任何能产生任何结果的东西 文本根本不显示。控制台中没有渲染工件或错误。尝试在渲染器周围使用[] <a-scene [renderer]="loga
我想有两个单独的相机在A帧，这两个都是并排显示在屏幕上，在同一时间。是否可能？您可以将“其他摄影机”视图的渲染绘制到画布元素。 假设您有两个摄像头的设置： <!–– The canvas in which we will render the secondary camera --> <canvas width="256" heigth="256"></canvas> <a-scene foo> <!
我用铬做我的生活，但没有音频 控制台显示：Uncaught（承诺中）DOME异常：无法解码音频数据。有人已经有这个问题了吗？请确保您使用的是开放的编解码器，因为Chromium是完全开放的。这意味着MP3在铬中不起作用。尝试将音频文件转换为.ogg： ffmpeg -i in.mp3 out.ogg
我拥有以下资产： <a-assets> <a-asset-item id="model-obj" src="the-source..."></a-asset-item> <a-asset-item id="model-mtl" src="another-source..."></a-asset-item> </a-assets> 根据文档，它应该可以工作（）。这很奇怪。这段代码适合我（但我使用的是glTF模型）： 及
我知道我应该对gearVr有有限的期望，正如文件所述，但我需要专门为它制作一个网站 虽然带有图像纹理的基本体工作起来很有魅力，但当我添加带有视频纹理的平面时，一只眼睛的灯光会熄灭，而且在融合时播放视频根本不起作用。以下是我的代码的最简化版本： <!DOCTYPE html> <html> <head> <script src="https://rawgit.com/aframevr/aframe/d47ce98/dist/aframe-mas
这是特定于A型架的 我正在从javascript代码创建一个a链接： var alinkEl = document.createElement('a-link'); alinkEl.setAttribute('href', 'http://www.facebook.com/share.php?u=https://.../' + folder + fileName); 这不起作用： alinkEl.setAttribute('target', '_blank'); 有任何提示吗？a-link不
我现在正在玩一个框架（版本0.8.0）。我被一个问题困住了，我已经寻找它的解决方案好几天了，但是没有解决这个问题 我的问题是如何在不必在画布上拖动的情况下更改摄影机旋转 我试过这些东西，但都不管用： setAttribute（'rotation'，{..}） camera.object3D.children[0]。rotation.x=0//某些值 将摄影机实体作为另一个实体的子实体并更改父实体的旋转并不是我想要的 任何提示都将不胜感激，谢谢 更新：此问题仅在版本0.8时出现。在早期版本0.
这是我第一次尝试使用a-frame，我正在设置一个简单的a-frame，以便在我的应用程序中显示.obj文件。这一点都不疯狂，我没有通过一个例子做太多的努力就成功了。问题是，包含a-frame代码将向我的根“html”元素添加一个名为“a-html”的类，该类会破坏我的许多样式。我可以理解，如果他们将该类包含在他们的样式中，并将其与他们的资源一起包含，并且该类未被使用，那么为什么它会假定在不需要接触的元素上添加一个类呢 到目前为止，我的代码是： <script src="https://a
我试图在相机靠近球体时显示一些文本。这个想法是当用户看到球体移动得更近时，文本就会显示出来，比如说，“你好”。但现在我只知道如何使用a实体添加具有固定位置的文本，我不知道如何检测相机和球体之间的距离，并在用户可以看到球体靠近时显示文本。 下面是我的代码： <html> <head> <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script> </hea
我正在使用，并且在tick（）函数上使用.setAttribute（）来实时更新粒子系统，但它执行得非常糟糕，导致几乎与即时内存相关的崩溃。是否有办法直接访问系统的maxAge、opacity和enabled属性？我假设这是解决这个问题的最佳方法，因为框架建议出于性能原因直接访问.object3D。我希望能够以类似的方式访问粒子系统。非常感谢您的帮助。tldr：一个具有动画不透明度、大小和一些切换的示例。切换“最大年龄”似乎要等到所有当前粒子都消失了，尽管在报告中没有关于它的消息 1.破坏粒子系
我是a-Frame的初学者，所以不确定我是否遗漏了一些明显的东西，但我正在尝试创建一个场景，该场景有一个适用于VR模式的skybox，但不适用于AR。我如何标记元素，使其不会在AR模式下显示？从功能上看，该场景最终可能是内置的 见： 同时，相同的链接提供了一些代码来实现这一点。直接从上面的链接（全部归功于），您将在脑海中包含以下脚本： AFRAME.registerComponent('hide-in-ar-mode', { // Set this object invisible wh
我正在学习如何使用Javascript和A-Frame库，并试图在鼠标悬停的同时改变obj模型的比例 我正在学习“使用组件构建”教程，但我的代码有点问题，似乎无法使用 这是我的密码 <a-scene> <a-assets> <audio id="click-sound" src="audioclick.mp3"></audio> <a-asset-item id="e45-obj
我试图检测A-FRAME v中两个盒子的碰撞。0.5.0. 我使用raycaster示例： 但对我来说，它只适用于光标与其中一个网格相交的情况。 正如本文所述，raycaster检测从起点到某个方向创建的线何时与所需网格相交（此处用可碰撞类标记）。这条碰撞检测线的起点似乎以某种方式设置在相机或光标上，而不是其中一个框上。如何重新分配此起点 在初始化场景之前，我添加了以下组件： AFRAME.registerComponent('collider-check', { dependencies:
我很确定这在Aframe的早期版本中是有效的，但不能确定。但是，当我尝试在组件上设置位置动画时，出现了一个奇怪的错误： const positionAnimation = { property: 'position', from: this._threeElement.position, to: (reversed) ? this._initialPosition : this._targetPosition, dur:
我有多个组件定义了一个勾选方法，我需要控制执行顺序。具有以下组件： AFRAME.registerComponent('component-a', { tick: function () { console.log('ComponentA'); } }); AFRAME.registerComponent('component-b', { tick: function () { console.log('ComponentB'); } }); AFRAME.regis
我在AR模式下遇到了一个关于WebXR的支持。但w3c表示API处于开发阶段且不稳定。我试图理解其中的奥秘，自从w3c说“沉浸式Web工作组一直在为AR开发WebXR API，以在Web上引入更开放的AR平台”以来，A-Frame如何支持无标记AR？您可能想阅读@DiegoMarcos，感谢您的回复。但是没有提到iOS支持。我将尝试代码示例。@DiegoMarcos，我在youtube上观看了SFHTML5会议视频。这真是鼓舞人心。你认为我们可以为android和ios逐步构建吗？随着API的成
我有一个复杂的实体与嵌套的实体，如图像和文本。我想以类似于a-curvedimage或a-columne的方式“渲染”该实体。这有可能吗 例如，我想做什么，但什么不起作用： <a-entity id="my-entity"> <!-- complex entity with nested entities --> </a-entity> <a-curvedimage src="#my-entity">&
在我的场景中，我使用脚本创建一个带有光线投射器组件的实体。这非常有效，事件侦听器在与我的地面对象碰撞时工作良好。但是我的地面不平，我需要知道光线投射器击中的地面高度。据我所知，仅凭A-Frame提供的功能是不可能做到这一点的。我想调用THREE的raycaster.intersectObject，但我无法获得THREE raycaster的工作引用。A-Frame文档中提到了一个名为raycaster的成员，但对我来说还没有定义。我试过几种不同的方法，但都没用。我的下一个计划是制作一个新组件，但
我尝试了这个建议的脚本，但没有成功，我如何才能使它工作 if(document.querySelector("a-marker").object3D.visible == true) {} 您可以创建一个自定义构件来检查勾号上的可见性： AFRAME.registerComponent('markerhandler', { tick:function() { if(document.querySelector("a-marker").object3D.visible == t
在设置了游标侦听器的实体上不会触发单击事件。这是我的源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Panorama</title> <meta name="description" content="Panorama — A-Frame"> <script src="https://cdnjs.
当一个帧被加载，并且摄像机组件被设置为启用了外观控制时，设备（移动设备）的当前方向如何设置摄像机的旋转和位置值 因为一个场景会有一个特定的原点。我发现当从不同位置打开场景时，初始视图是不同的，而我希望它是“向前看”视图 代码很简单： 外观控件从手机传感器获取绝对方向，而不是相对于您最初在场景中放置相机的位置。初始值由来自传感器的值覆盖。2017年的手机没有位置跟踪功能，但有一个头颈模型，可以计算眼睛相对于颈部底部（即旋转枢轴）的位置 我不知道你的应用程序的上下文，但在虚拟现实中，你不能像传统的3
我想知道如何将多个不同的代码序列组合到一组代码中，比如将每个部分组成一个实体。我们是一个计算机科学班，正在做一个大规模的项目，我们有小组，组成了学校的一个部门/部门，现在我们将所有部门合并为一个部门 我们试着把它变成一个真实的实体，但它做不到 某种类型的合并命令如果在处理多个场景时遇到问题，需要重新定位以相互匹配，可以尝试将它们分组到父实体中 <a-entity id='one-wing' position='0 0 0'> <!--- Whole wing except
扫描标记时，会显示一个模型，但如何检查标记的位置/坐标并将其与预定义位置进行比较。“光线投射器碰撞器”功能是否有帮助？视口上的位置或用户周围的位置 <a-marker type='barcode' value='1'> <a-entity gltf-model="#tree" scale="2 2 2"></a-entity> </a-marker> <a-marker type="pattern" url="ows4.patt
我正在将墙加载到场景中，并应用Don McCurdy的aframe extras脚本中的静态身体物理组件。然而，我只看到我的两个墙作为碰撞器（右墙和右柱）运行，而所有其他墙都是物理自由的。如何在所有墙壁上加载物理碰撞器 请参阅-。我错过了什么 <html> <head> <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> <script src=
我正在基于的a帧IDE上工作。 如果编写的HTML代码正确，编辑器将进行验证，如果正确，我只需将代码插入另一个div中以渲染场景。这种“编辑”的方向是有效的 我想/不能上班的内容： 如果现在使用A帧检查器移动场景中的对象， 我无法获得生成的纯A帧代码以在编辑器中显示操纵的值。 有没有一种方法可以从场景中获取纯a帧代码来实现IDE与结果的完全同步？ 谢谢 使用调试组件cf。它将属性刷新到DOM。注意：您还可以使用document.querySelector（'a-scene'）.flushToDO
我将在我的A-frame web应用程序中制作一些不确定的动画。我的动画必须无限播放，必须有溜溜球的效果。在3000毫秒内形成0.25到0.75安背面的不透明度。为此，我使用下一个代码： let-box=document.createElement（'a-box'）； setAttribute（'src'，'#outer'）； setAttribute（'position'，'0-5'）； setAttribute（'color'，'red'）； 让anim=document.createEl
首先，我很抱歉我的英语不好，我是法国人 我想知道如何添加纹理（图片是透明的gif），并“隐藏”框以仅查看纹理 致以最诚挚的问候对盒子进行纹理处理，并使透明部分透明： gif的tho的 透明.png： 对长方体进行纹理处理，并使透明部分透明： gif的tho的 透明.png： 您尝试了什么？显示一些代码，指出哪些不起作用，可能会得到帮助我尝试visible=false、color=none、transparent等…您尝试了什么？显示一些代码，指出哪些不起作用，可能会得到帮助我尝试visible=
我在一个不同的位置开发了一个a帧场景，在那里我可以使用耳机（oculus或HTC） 跟踪控制器功能是否内置于框架0.7.0中 是否需要添加代码来检测这些控制器并用跟踪的控制器替换桌面WASD导航？我不需要看到任何手，我只需要在空间中实现上/下/左/右运动 谢谢Don McCurdy's包含一个名为通用控制的组件，我强烈推荐它。特别是有一个gamepad控件组件，可以直接完成您想要的功能 如果没有，则通用控件支持使用“自定义”控制器扩展主组件。这样做的能力在repository页面上有少量的文档记
我需要一个a字框架的金字塔。如何使用“圆锥体”功能获得金字塔的形状 <a-pyramid color="green" height="20" width="30" depth="10" position="0 1 -3"></a-pyramid> <a-pyramid color="green" height="20" width="30" depth="10" position="0 1 -3"></a-pyramid> 没
我正在尝试创建一个具有以下属性的文本实体，这样我就不必每次使用文本时都指定这些细节 text.setAttribute('color', #303030); text.setAttribute('width', 2); text.setAttribute('lineHeight', 60); text.setAttribute('align', 'center'); text.setAttribute('baseline', 'top'); text.setAttribu