aframe相关内容

threejs实例多个具有不同大小和位置的对象

就在昨天,我开始尝试使用InstancedBufferGeometry方法,因为我想渲染具有良好性能的数千个对象。 以我为例,我想实例化彼此不同高度的多维数据集几何。 此刻我尝试了这段代码 AFRAME.registerComponent('instancing',{ schema:{ 计数:{type:'int',默认值:10000} }, 初始化:function(){ ..
发布时间:2020-06-02 20:26:08 前端开发

如何在A帧Web VR中添加特殊字符(čšž...)

我想创建一个不仅可以用英语阅读的网站,而且我也遇到特殊字符的问题。我尝试了ascii html。 有什么想法吗? 解决方案 如果您对文本组件有麻烦,可以考虑以下三种方法: 1)正确的方法:从包含那些字符的字体集中查找或生成一种字体。这些文档描述了如何使用自定义字体: ..
发布时间:2020-06-02 20:26:03 其他开发

在A框架中实现得分计数器

我正在尝试在Aframe场景中实现一个计分器,到目前为止,我已经此代码,但无效。有人可以看看下面的代码并发现我的错误吗?非常感谢。 D AFRAME.registerComponent('score counter',{ schema:{ el:{ 类型:“选择器” }, 得分:{ 类型:“ int”, 默认值:0 }, tick:function(){ var scene ..
发布时间:2020-06-02 20:26:01 前端开发

AFRAME的位置远离相机

以下问题 从AFRAME屏幕移至世界位置 我可以获取矢量的位置,但它似乎非常接近相机,我该如何获取距离相机100px左右? 让鼠标=新三个。Vector2() let camera = AFRAME.scenes [0] .camera let rect = document.querySelector('body')。getBoundingClientRect() mo ..
发布时间:2020-06-02 20:25:59 其他开发

aframe vector unproject无法正常工作,不确定吗?

我尝试使用threejs在没有投影的相机的基础上测试没有网格物体的简单3D平面,只是零平面,并且可以正常工作。但是我尝试在Aframe上不起作用,并且有错误。 getInverse> m.elements错误,它在控制台日志中显示。 这里是Aframe的简单示例。 https://gist.github.com/Lightnet/8fb3d4a7c5f3ed2b3865bf894aec ..
发布时间:2020-06-02 20:25:56 其他开发

嵌入场景时,A帧鼠标跟踪发生变化

我正在使用A框架创建台式机/手机/ VR游戏,其中涉及查找图像中的许多隐藏项目。 该图像用作实体的源,创建360度的图像。在桌面版本中,用户可以使用鼠标平移图像,然后单击隐藏的项目以显示它们。通过在隐藏项目的前面放置一个具有图像纹理的实体,然后对动画进行动画处理,使其在单击时变为可见。 The当未嵌入时,游戏可以完美运行。但是,我需要嵌入场景以使其成为更大的网站的一部分,并且当我嵌入场 ..
发布时间:2020-06-02 20:25:54 其他开发

如何将相机放置在第一位置

我正在搜索。我可以在A-Frame中设置相机的第一个位置。我正在寻找如何设置相机的第一视角。 解决方案 如果用“视角”表示相机的角度指出,您可以通过在 实体的父级上设置 rotation 属性来实现。示例: ..
发布时间:2020-06-02 20:25:51 其他开发

AFrame:如何向实体添加触摸事件监听器

在移动浏览器中,我想在用户触摸图像时执行某些操作,但是我不知道如何使用触摸监听器。我可以使用某些组件吗?或给我一些想法,我该怎么做。 解决方案 A-Frame支持DOM事件的方式与Web普通页面非常相似。示例: < ;!-目标-> & ..
发布时间:2020-06-02 20:25:49 其他开发

A-sphere在鼠标悬停时显示文本或将文本附加到a-sphere

是否可以向a-sphere或a-box添加文本?还是在a球体上的鼠标上方显示一个文本框?我已经看到了示例在A帧中,但这并不是我想要的。我的想法是用文本或文本框标记一个球体或一个盒子。 解决方案 AFRAME.registerComponent('hover-text',{ 模式:{ 值:{默认值:}} }, 初始化:函数(){ var data = this ..
发布时间:2020-06-02 20:25:47 其他开发

Aframe-从另一个JavaScript文件调用aframe函数

我正在尝试关闭位置跟踪,并且我相信aframe代码中的此功能正是我所追求的: checkHasPositionalTracking(); 但是,在我的第二个js文件(在aframe.js之后定义)中,如果我尝试调用该函数,则会收到此错误: 未捕获的ReferenceError:未定义checkHasPositionalTracking 解决方案 您需要在引用完整的情况下调 ..
发布时间:2020-06-02 20:25:44 前端开发

如何在运行时添加图像资产?

我有一个这样的实体: position =“ 0 0 -1” geometry =“ primitive:plane; width:1” material =“ src:#myTexture; opacity:0.9; transparent:true;”> 我正在尝试分配一个新的Base64图像字符串,如下所示: myTexture.setAttri ..
发布时间:2020-06-02 20:25:39 其他开发

Aframe:使用数组在颜色之间循环

我一直在尝试使用自定义组件来循环显示颜色。 AFRAME.registerComponent('floor-cycle',{ init:function(){ var sceneEl = document.querySelector('a-scene'); var floorEl = sceneEl.querySelector('#floor') statu ..
发布时间:2020-06-02 20:25:38 其他开发

以相机为背景,同时以A帧显示对象

我想将摄像机视频源用作a帧中的背景,同时在其上覆盖对象。我知道有可能,但我不知道该怎么做。 ,所以我在这里寻求帮助! 解决方案 您可以通过在元素之前添加元素来进行简单覆盖场景: // a-scene> 小提琴此处。 这里很不错关于使用摄像机流的文章,我将只使用它的基本版本: ..
发布时间:2020-06-02 20:25:31 其他开发

在AR.js中,当“加载模型”时,显示一个加载屏幕

当我们加载一个大型3D模型或一个视频时,需要花费一些时间来加载资产(资源)并渲染资源,所以我想显示一个加载屏幕或加载Gif文件或加载A盒-直到在屏幕上或图案上完成了全部资产的加载和渲染。请检查我的故障,它可以正常工作,但是加载和渲染需要10-15秒。 我尝试添加资产加载经理但没用。我尝试了所有方法,但没有成功 ..
发布时间:2020-06-02 20:25:27 前端开发

A形框架:使用激光控件在鼠标按下时旋转实体

我有一个在实体上设置的组件,应在发生鼠标按下事件时对其进行旋转: AFRAME.registerComponent( 'spin',{ init:function(){ var self = this; this.mouse_down = false; //仅假定现在一个控制器 this.laser = document.querySelectorAll('。lase ..
发布时间:2020-06-02 20:25:24 其他开发

AFRAME文字几何组件是否从中心旋转?

是否可以将枢轴点设置在中心?我正在使用文本几何组件,它从一个角旋转。我想使文本从中心旋转。 我尝试添加父实体并将动画添加到父中,但似乎没有修复它,它开始沿圆形路径旋转。 解决方案 似乎文本几何图形组件没有偏移量 ish属性(来源这里) 我会这样处理:加载文本网格后-抓住它并手动提供偏移量。 1)您可以很容易地抓取网格: ..
发布时间:2020-06-02 20:25:21 其他开发

如何在框架中创建链接?

我试图将这些弯曲的图像以a型框架链接到其他HTML页面,这些页面是: 大厅。 html clock.html titanic.html 我已经在网上对其进行了研究,但找不到答案,因此,如果有人对a框架有任何经验,将不胜感激。 基本上,我要做的是,当某人查看a帧中的一个弯曲图像时,会将其带到HTML页面。 谢谢 ..
发布时间:2020-06-02 20:25:19 其他开发

如何允许IOS 13上的浏览器访问iPhone 6s的陀螺仪?

原始问题 我正在尝试在iPhone 6s上使用A-Frame运行webVR程序,而我测试过的这三种浏览器都没有可以访问我的陀螺仪。 Safari Chrome Firefox 我相信,如果应用程序具有此权限,则可以解决此问题,但是我发现没有简单的方法可以执行此切换。如果有人可以给我一种方法(无需越狱),将不胜感激。 当前,当我输入 https:// ..
发布时间:2020-06-02 20:25:15 移动开发