Aframe 有没有工具可以测量A帧场景中的RAM使用情况?

根据标题,我想知道什么是衡量仅在A-Frame中创建的应用程序消耗多少内存的最佳方法。我有一个超过6MB的collada模型,图像分散,在这座建筑中移动似乎占用了大量内存,几乎无法在移动设备中使用。你可以使用浏览器的内存工具:你可以使用浏览器的内存工具:嗯,这应该有这些标签吗?我不确定是什么使A-Frame与浏览器中运行的任何其他内容不同?是什么让你用three.js来标记这个问题?对于A-Frame/web开发人员来说,如果他们不知道有不可知的浏览器内存工具可用,那么searchable可能会

Aframe 在智能手机中进入VR模式时,摄像头始终会改变位置

我需要把我的相机放在后面一点。但每次我在智能手机中进入虚拟现实模式时,相机总是向前移动。如何解决这个问题 这是我使用的相机代码 <a-entity camera look-controls wasd-controls position="0 1 2"> <a-cursor fuse="false" geometry="primitive: ring; radiusInner: 0.01; radiusOuter:

Aframe 如何将HTML元素放置在A框架的顶部

我正在尝试定位HTML元素,以便在a-Frame顶部构建一个UI,可以在桌面和移动设备上单击或触摸。任何HTML元素都可以通过适当的样式覆盖在a-Frame顶部。您至少需要设置位置:绝对和z-index:9999因此它在顶部渲染。下面是在a帧画布上渲染的简单示例: .button { width: 200px; height: 100px; position: absolute; top: calc(50% - 300px); left: calc(50% - 50px);

Aframe 在VR分屏视图中查看A帧360视频

我使用A-frame在我的演示中上传360个视频。 如何在VR模式下通过分屏观看视频 欢迎任何反馈,谢谢:)您好,Stack overflow在您尝试东西时效果最好,向我们展示您的尝试,然后我们对其进行评论

Aframe 将OBJ墙作为静态实体加载

我正在将墙加载到场景中,并应用Don McCurdy的aframe extras脚本中的静态身体物理组件。然而,我只看到我的两个墙作为碰撞器(右墙和右柱)运行,而所有其他墙都是物理自由的。如何在所有墙壁上加载物理碰撞器 请参阅-。我错过了什么 <html> <head> <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> <script src=

Aframe 从场景中获取原始A帧代码

我正在基于的a帧IDE上工作。 如果编写的HTML代码正确,编辑器将进行验证,如果正确,我只需将代码插入另一个div中以渲染场景。这种“编辑”的方向是有效的 我想/不能上班的内容: 如果现在使用A帧检查器移动场景中的对象, 我无法获得生成的纯A帧代码以在编辑器中显示操纵的值。 有没有一种方法可以从场景中获取纯a帧代码来实现IDE与结果的完全同步? 谢谢 使用调试组件cf。它将属性刷新到DOM。注意:您还可以使用document.querySelector('a-scene').flushToDO

Aframe 动画上的溜溜球效果don';当重复不确定且方向交替使用A型架时,t工作

我将在我的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

Aframe 带纹理的A框透明框

首先,我很抱歉我的英语不好,我是法国人 我想知道如何添加纹理(图片是透明的gif),并“隐藏”框以仅查看纹理 致以最诚挚的问候对盒子进行纹理处理,并使透明部分透明: gif的tho的 透明.png: 对长方体进行纹理处理,并使透明部分透明: gif的tho的 透明.png: 您尝试了什么?显示一些代码,指出哪些不起作用,可能会得到帮助我尝试visible=false、color=none、transparent等…您尝试了什么?显示一些代码,指出哪些不起作用,可能会得到帮助我尝试visible=

Aframe 建模最佳实践

我花了几天的时间研究应该与框架一起使用的模型,用blender构建,导出到.obj。一切都进行得非常顺利,因此到目前为止的经验是非常积极的 直到一个对象在对一个迄今为止运行良好的模型进行了一些小的更改之后开始抛出异常。堆栈跟踪是 aframe.js:sourcemap:27095 Uncaught TypeError: Cannot set property 'value' of undefined at initMaterial (aframe.js:sourcemap:27095)

Aframe 有没有一种简单的方法可以获得a帧声音的持续时间?

我使用A帧并希望在声音持续时间内播放动画(使用声音组件)。但是,我无法获取此值。有没有一种简单的方法来确定*.mp3文件的长度?(当前保存为url字符串)还是必须使用外部库 <a-entity sound:src="http://<website>.audioFile.mp3"></a-entity> 从连接到您可以编写的元素的声音组件获取此信息 var mySound = document.querySelector('#yourElement').com

Aframe A帧中的3D Skybox

使用虚拟现实框架A-Frame,有没有办法制作3D Skybox 通过拥有一个3D图像,两个图像,每只眼睛一个,或者拥有两个单独的天空盒,每只眼睛一个。是否有一种内置的技术可以做到这一点,或者有人知道如何做到这一点吗?对于立体3D,您可以使用它为每只眼睛设置一个。它可能需要更新,但不确定。谢谢,我确实找到了这个,但我想知道是否有一种方法可以在框架中进行此构建。看起来这就是答案:

Aframe a-Frame中平面几何图形的原点(0,0)在哪里?

是针对a实体的文档 您可以创建如下实体: <a-entity geometry="primitive: plane; height: 10; width: 10" material="side: double"></a-entity> 我的问题是这个创建平面的原点0,0在哪里?指定了高度和宽度,但没有原点 的默认位置

Aframe 为什么可以';在Glitch.io中保存对a-frame inspector所做的更改

我在Glitch上重新混合了一个a帧WebVR项目。 当我打开可视a-frame检查器并进行更改时,我无法保存更改。按下“保存”按钮会出现错误: A帧监视程序未运行。此功能需要配套服务 在本地运行。npm安装框架观察程序以将更改保存回 文件更多信息请访问supermedium.com/aframe-watcher 我运行这个小故障,所以我没有任何本地的 有人能帮忙吗?检查器无法修改服务器端的文件。使用时,检查器可以在本地计算机中编辑和保存对场景的更改。很抱歉回答得太晚。我无法让它运行与一个框架观

Aframe 固定实体到摄影机在VR模式下不显示

我想知道我的代码是否有问题,或者是否需要解决一些问题。这就是我所拥有的: <a-scene> <a-sky id="preview_image" src="/assets/img/example.jpg" refresh-event="trigger_event: new_frame_loaded"></a-sky> <a-entity camera look-controls> <a-cir

Aframe A帧:光标单击事件未在桌面上触发

在设置了游标侦听器的实体上不会触发单击事件。这是我的源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Panorama</title> <meta name="description" content="Panorama — A-Frame"> <script src="https://cdnjs.

aframe:外观控件如何设置其初始值

当一个帧被加载,并且摄像机组件被设置为启用了外观控制时,设备(移动设备)的当前方向如何设置摄像机的旋转和位置值 因为一个场景会有一个特定的原点。我发现当从不同位置打开场景时,初始视图是不同的,而我希望它是“向前看”视图 代码很简单: 外观控件从手机传感器获取绝对方向,而不是相对于您最初在场景中放置相机的位置。初始值由来自传感器的值覆盖。2017年的手机没有位置跟踪功能,但有一个头颈模型,可以计算眼睛相对于颈部底部(即旋转枢轴)的位置 我不知道你的应用程序的上下文,但在虚拟现实中,你不能像传统的3

Aframe 组合多个不同的帧码

我想知道如何将多个不同的代码序列组合到一组代码中,比如将每个部分组成一个实体。我们是一个计算机科学班,正在做一个大规模的项目,我们有小组,组成了学校的一个部门/部门,现在我们将所有部门合并为一个部门 我们试着把它变成一个真实的实体,但它做不到 某种类型的合并命令如果在处理多个场景时遇到问题,需要重新定位以相互匹配,可以尝试将它们分组到父实体中 <a-entity id='one-wing' position='0 0 0'> <!--- Whole wing except

Aframe 移动时AR.js标记的位置

扫描标记时,会显示一个模型,但如何检查标记的位置/坐标并将其与预定义位置进行比较。“光线投射器碰撞器”功能是否有帮助?视口上的位置或用户周围的位置 <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

Aframe 如何使用a动画更改a帧中的文本?

例如,我有一些文本“Hello”在场景中浮动,当鼠标移到上面时,我希望文本变为“Hi” 现在,当我尝试使用动画时,文本只是消失,而不是更改。 有什么帮助吗? 谢谢。我会使用(下载dist并放到您的项目中),而不是动画标签: <a-entity text="text: Hello" event-set="_event: mouseenter; text: Hi"></a-entity> 0.3.0构建我将使用(下载dist并放入项目中),而不是动画标签: <a-e

AFrame:更新实体';具有多个属性的s-a动画

有人知道如何更新动画以更改多个属性吗?示例:3个按钮,全部用于更改a动画的旋转。第一个按钮对长方体的旋转动画为30 0,第二个按钮对同一长方体的旋转动画为0 90 0,第三个按钮对同一长方体的旋转动画为100 0 10。每个按钮都在调用a动画的id 我“激活”了第一个按钮的动画,但是其他两个没有 您可以有三个由不同事件触发的单独动画: <a-box id="box"> <a-animation attribute="rotation" begin="button1click

Aframe 无论我键入什么,A-Frame A-Entity深度值始终保持在默认值1-2

使用“深度”将壁厚设置为8是行不通的,我甚至尝试将其设置为32。它还是平的。A-Box让我可以毫无问题地设置深度,A-Entity则没有问题 我做了一把小提琴来说明问题: depth=32或depth=8将不会更改显示 红砖可以调整大小,其在z轴上的深度设置为“8”。 墙的深度设置为32,仍然是深度的1/3左右 红砖的颜色 有什么线索可以解决这个问题吗 我还尝试: wallfrnt.setAttribute(“比例”{x:1,y:1,z:2}); 没有明显的效果。我已经为您解决了一些问题:。代

Aframe 我是否需要在暂停时删除EventListener并在播放时添加EventListener?

我看了这篇文章,但没有回答我的问题 我听说,最好的做法是在暂停时删除EventListener,在播放时添加EventListener,以便在使用A-Frame inspector时保持一致(与其他组件)单击功能。因此,您的代码如下所示: AFRAME.registerComponent('my-component', { init: function() { this.doSomething = function() { console.log("I'm doing i

Aframe A-Frame:在桌面上开发时如何模拟跟踪控制器?

我的HTC Vive安装在与我的开发人员工作站不同的房间。开发时,我明白我可以:使用桌面显示器而不是耳机;使用鼠标拖动代替运动控件;使用WASD代替房间比例跟踪。但是,模拟跟踪控制器的首选方法是什么 例如,如何从我的桌面移动此演示中的立方体:这尚未发布,但我们正在开发工具,以便能够录制相机和控制器,输出到文件,然后您可以将其加载到任何设备,并在不需要耳机的情况下重放相机和控制器的姿势和事件。该项目由迭戈领导: 这将成为为VR开发的常见方式,而无需进入和重新进入VR来测试每个代码更改,并在

Aframe A-Frame:独立环境(ala PhoneGap)

是否有将A-Frame应用程序打包为独立表单的选项?有点像PhoneGap是如何打包网络应用的 我想解决方案需要将所有HTML/JS文件和资源打包到一个独立的浏览器中?然后在默认打开“耳机模式”的情况下启动?A-Frame应用程序只是webapp,所以请尝试现有的工具链,如Cordova或Phonegap。可能会有问题,您的里程数可能会有所不同,尽管我们没有在这些用例上投入太多精力。GitHub上的Cordova+A-Frame有几个问题可供参考 虽然最近的webvr polyfill问题可能对

Aframe 如何在帧附加中禁用pointerlock?

我正在使用@donmccurdy的检查点控件进行aframe构建中的移动。如何从脚本中禁用指针锁定 解决它: 将鼠标控件=“pointerlockEnabled:false”添加到a-camera标记中 解决方法:将鼠标控件=“pointerlockEnabled:false”添加到a-camera标记

Aframe a框架如何在Oculus GO控制器上模拟6自由度控制器,使用触摸板向前、向后、向左和向右移动控制器?

如果我们可以在Oculus Go控制器上模拟6自由度控制会怎么样?假设我们将控制器3d模型变成一只手,它仍然只是旋转,但假设我们使用触摸板在空间中向前、向左、向右或向后移动手,触摸板使您在空间中沿z轴和x轴移动,但加速度计/陀螺仪使您在空间中沿y轴和x轴移动。因此,加速度计/陀螺仪充当手臂,触摸板充当手/手腕,手可以前后移动,只能左右扭转,用扳机握紧,手不能上下倾斜,但手臂可以弥补这一点。那么我该如何构建它呢?有一个提供按方向按拇指板的事件(例如,thumbupstart,thumbleften

Aframe 帧状态组件-渲染资源

我想知道如何管理框架状态组件中的资产 在列表的示例中 <a-entity bind-for="for: shoppingItem; in: shoppingList; key: name"> <template> <a-entity bind__text="value: shoppingItem.name" data-amount="{{ shoppingItem.amount }}"></a-entity>

Aframe 使用帧沿路径组件的a帧触发事件

在a帧中,使用帧沿路径组件,我想计算动画的每个循环。 我认为事件movingended不是用循环触发的?! 当元素到达a曲线点X(可能是端点)时,如何使用激活的沿路径触发器?我的假设是错误的。每次循环移动都会触发 let ball = document.createElement('a-sphere'); ball.setAttribute('id', `Ball_${a}`); ball.setAttribute('class', 'clickable');

Aframe,Aframe extras navmesh还有路要走吗?

我正在尝试使用用户可以导航的风景创建一个Aframe场景,但是我在Aframe extras nav mesh方面遇到了很多问题。甚至下载aframe extras repo并安装、构建捆绑包,然后尝试运行http://localhost:8000/examples/castle 我得到的错误与我的场景中的错误相同 Uncaught TypeError: this.zones[t] is undefined getClosestNode bundle.js:8722 getNod

Aframe 带外观控件的A帧js相机旋转

我正在尝试使用look-controls旋转摄影机。没有look-controls,摄影机可以正常旋转。有人能告诉我如何使用look-controls旋转摄影机吗?如果手动覆盖摄影机旋转,您需要删除或禁用look-controls 您可以使用el.removeAttribute('look-controls')临时删除该组件,然后再次添加该组件 或者使用el.setAttribute('look-controls',{enabled:false})禁用组件。如果手动覆盖相机旋转,则需要删除或禁用

Aframe 在A帧中进入VR模式时场景渲染为黑色

我使用的是A帧0.3.0。屏幕上的一切都呈现良好,但当我进入VR模式时,它呈现黑色。我从9月份开始试用了最新的Chromium和Firefox夜间版本。即使是A-Frame示例也不起作用 <script src="https://aframe.io/releases/0.3.1/aframe.min.js"></script> <a-scene> <a-box color="red"></a-box> </a-scene>

Aframe 将线注册为a形框中的自定义几何图形

我下面的例子是注册行。它在THREE.js中生成一个错误。以下是错误的跟踪: Uncaught (in promise) TypeError: Cannot read property '0' of undefined at Mt.fromGeometry (three.js:12300) at St.fromGeometry (three.js:14186) at toBufferGeometry (geometry.js:134) at createGeome

AFRAME-禁用特定元素上的光标注视

我使用以下代码进行视觉反馈: 光标组件取决于光线投射器组件。如果未将光线投射器组件添加为DOM元素的属性,则光标组件将使用默认设置初始化一个。但是,如果提供,您可以更改raycaster组件的某些属性值以满足您的需要 幸运的是,raycaster组件支持带有DOM查询选择器的特定实体 <a-entity cursor raycaster="objects: .clickable"></a-entity>

Aframe A帧项目-如何禁止不同音频源相互播放

我有一个A帧项目,有多个交互按钮,可以播放音频源 问题是,用户可能会意外地双击按钮,音频将在原始音频播放后立即再次播放 用户还可以单击不同的按钮,在原稿仍在播放时播放不同的音频 解决这些问题的最佳方法是什么 谢谢 <!--Teleportation--> <a-entity position="-1.72 1.06 -2.57" class="teleport"> <a-box color="white" depth=".1" height="

Aframe 有没有办法在WebVR-a-Frame上模拟VR输入设备?

我目前正在使用A-Frame构建WebXR(WebVR)应用程序 我并不总是能够让控制器(Oculus Touch、Vive Control)与我一起测试它们。有没有办法“模拟”不同控制器发出的事件 我不确定较低的级别,但我有一个较高级别的想法: 如果您有vive控制器,并且想要测试oculus touch事件,您可以进行一些映射 我会做一个组件,截取原始事件,并发出具有相同细节的新事件: AFRAME.registerComponent("event-mapper", { init: fu

Aframe 帧音频问题

我已经在我的场景中包括了下面的音频资源。从两个方面尝试了 <audio id="hover" src="resources/assets_data/hover.mp3"></audio> 及 当我试图在四个菜单元素中播放这个声音时,我发现下面的错误。。。悬停的声音只在第一张菜单上播放 组件:声音:尚未加载警告声音。它将被播放,一旦它 完成装载 代码: <a-curvedimage src="#a" transparent="true"

Aframe A帧状态组件:绑定不更新实体

我正在尝试基于以下状态的数组渲染实体: [ { id: 'left', color: 'red', position: '-1 1 -4' }, { id: 'right', color: 'green', position: '1 1 -4' } ] 实体将根据成功显示 <a-entity bind-for="for: marker; in: markers; key: id"> <!-- ; updateInPlace: true ?? --> <

Aframe 有没有办法在框架中实现睡眠/等待功能?

我有一个有一些动画和背景音乐的框架网页。页面加载后动画立即开始,但加载音乐需要时间。有没有一种方法像wait/sleep wrt场景(或动画)这样,我的动画只能在音乐完全加载后才开始。您必须将资源放置在a-assets元素中,以便它们在加载之前阻止渲染。你可以在这里找到一个例子: 将资产(媒体元素,如img,video,audio,a-asset-item)放入下的: <a-scene timeout="5000"> <a-assets> <img id

Aframe A帧删除纹理

纹理似乎没有改变。如果删除该属性,它将变为黑色 A帧0.5.0 示例:在HTML中 src="" 如果两者都不起作用,那么您可能已经发现了一个bug;请……) 可悲的是,它看起来像一个bug,我添加了一个codepen.io引用并将创建一个文件。材质属性是通过flushToDOM调用创建的。 src="" <a-sphere color="#EF2D5E" material="color:#EF2D5E; src:#abc"

Aframe 当我手动将A-Frame wrapCount更改为100时,它显示40。

当在框架中使用文本时,我将wrapCount设置为100以获得更宽的文本块,但当我在页面显示为40后查看页面时。我做错什么了吗?版本5中是否有40个字符的硬编码?我正在做这个,制作了一个文本块100 wrapCount,但看起来仍然是40。这是一个已知的问题吗? 更新找到了答案。wrapCount需要写为带破折号的“wrap count”。我把它写成“wrapCount”中的一个词。例如: 如果我没记错的话,text component属性名为wrapCount,但是当使用a-text原语时,有

Aframe 注册a-scene中的每次单击

我想在一个框架中开发一个应用程序,在那里每次点击都会被注册,并引导我进入下一张图片(a-sky)。目前,我有一个图片,我绑定的链接。我用它作为基本的例子,并从中得到发展 <a-scene> <a-assets> <img id="home" crossorigin="anonymous" src="media/home1600.png"> <img id="back" crossorigin="anonymous" src="medi

Aframe 单击桌面上的事件

Im使用a帧的目的与VR不同。我用它来显示一个3d模型,用户可以在其中旋转模型,放大、缩小和检查设备的各个部分 Im使用aframe-orbit-controls-component-2组件使相机围绕设备模型旋转 如何检测设备特定部件上的鼠标点击(我已经有了这些带有ID的部件,我只需要检测鼠标点击),而不需要摄像头聚焦在所述部件上?您可以通过设置光标s属性光线原点:鼠标来使用鼠标: <a-scene cursor="rayOrigin: mouse"> .... -控制台将记录单击

Aframe 有没有办法在a型框架中创建一个空心圆?

我正在尝试使用a-Frame构建一个VR示例 我发现的最接近的东西是使用中的不透明度属性 有没有办法只创建圆的边界?不确定它是否适合您的用例,但您可以使用高度较小的圆柱体: 或者一根管子: 或者只是一个带有png纹理的平面,还有一个透明的圆

Aframe 有没有办法在移动设备上查看a-Frame inspector?

有没有办法通过编程方式调用检查器? 在计算机上,有ctrl+alt+I快捷键。但是移动设备呢?inspector UI不是为移动设备设计的。您可以在任何设备上以编程方式打开它,但在移动设备上的体验并不好: sceneEl.components.inspector.openInspector();

Aframe 如何仅在特定实体上触发光标熔断器

我的相机和光标是这样设置的: <a-camera> <a-cursor fuse="true" animation__fusing="property: scale; startEvents: fusing; easing: easeInCubic; dur: 1500; from: 1 1 1; to: 0.1 0.1 0.1" animation__mouselea

  1    2   3   4   5   6  ... 下一页 共 6 页