Stack Overflow
Stack Overflow

Questions tagged [aframe]

For anything related to A-Frame (aframe.io). A-Frame is a web framework for building virtual reality experiences. A-Frame lets us build scenes with HTML while having unlimited access to JavaScript, three.js, and all existing Web APIs. A-Frame is an entity-component-system framework that promotes composition and extensibility. With WebVR, most headsets/controllers can be used with A-Frame: Vive, Rift, Daydream, GearVR, Cardboard, or plain 2D mode.

For anything related to A-Frame. A-Frame is a web framework for building virtual reality experiences. Originally started at Mozilla, A-Frame is an independent open source project.

A-Frame is based on top of HTML, making it simple to get started. But A-Frame is not just a 3D scene graph or a markup language; the core is a powerful entity-component framework that provides a declarative, extensible, and composable structure to three.js.

A-Frame supports most VR headsets and controllers such as Vive, Rift, Daydream, GearVR, Cardboard, and can even be used for augmented reality. Although A-Frame supports the whole spectrum, A-Frame aims to define fully immersive interactive VR experiences that go beyond basic 360° content, making full use of positional tracking and controllers.

2920 questions
7
votes
1 answer

How to render YouTube videos as a texture in A-Frame?

I want to take a YouTube url, and put it into an A-Frame scene as a video texture. Like . Is this possible for https://aframe.io?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
6
votes
2 answers

Aframe systems[name] is not a constructor

I have an aframe project that has been part of a React app and working fine. Because of various issues I'm trying to seperate the layers I've added the aframe scene directly into the HTML document
beek
  • 3,522
  • 8
  • 33
  • 86
6
votes
1 answer

A-frame.js long a-text value overflow issue

I'm working on a-frame based project. I've been struggling with the a-text length. Here is the minimal demo. As you can see the text is overflowing the parent panel. I want to add some sort of scroll on in the overflowing text. I was able to make a…
Sujeet Navale
  • 63
  • 4
6
votes
2 answers

How to use Oculus Go trackpad to move in AFrame

I'm testing some AFrame pages with Oculus Go, but I cannot make the trackpad work to move within the scene. I'm using the master version of AFrame, where the Oculus Go controller is apparently supported. In fact, this code for example:
jgbarah
  • 7,334
  • 1
  • 20
  • 23
6
votes
1 answer

A-frame move forward in camera direction

I'm trying to make a component in A-frame that will move the player/camera in the direction the camera is facing. It should not move anywhere on the y plane, only in the x/y plane. The current setup in the dom is: …
Kristofer
  • 171
  • 2
  • 11
6
votes
2 answers

Getting the bounding box or centers of models

I was wondering if there was a way to obtain the bounding box for the models that are inserted via 3dio.js, or otherwise calculate their center points? I'm looking to center them on the origin. The images below show two models relative to the scene…
Neil Docherty
  • 555
  • 4
  • 20
6
votes
1 answer

Archilogic gltf model can't be loaded in a-frame

I wrote a demo scene on glitch to test my exported gltf model in a-frame, but I am getting an error in the console: My code Basic Scene - A-Frame
Madlaina Kalunder
  • 641
  • 6
  • 16
6
votes
3 answers

Alpha Animation in Aframe for a-object-model

I have one 3d object with its obj and mtl file which is displayed using in Aframe. I want to apply animation on it which change its Alpha value gradually for Fade out effect. I went through AFrame doc. but couldn't find anything related to 3d…
chikka.anddev
  • 9,569
  • 7
  • 38
  • 46
6
votes
1 answer

How to disable keyboard or WASD controls in A-Frame?

How to disable the keyboard controls for the camera in the default scene?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
6
votes
1 answer

Why is the HTML/DOM not updating in A-Frame?

I am doing setAttribute or $.attr() on entities in A-Frame. For example, el.setAttribute('position', '2 2 2'); The position updates, but I don't see it updating in the HTML/DOM inspector. I just set How come?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
6
votes
1 answer

How do I remove an entity or element from the scene in A-Frame?

I am building a component that watches (in tick) the position of its entity, and when some condition is met, it removes the entity from the scene. How can I do the removing part? For example: AFRAME.registerComponent('remove-on-tick', { tick:…
ngokevin
  • 12,980
  • 2
  • 38
  • 84
6
votes
3 answers

How to create a wire-frame 3D cube in a-frame?

I am struggling with creating a wire-frame for a box primitive. Tried color, opacity and transparent attributes but none seems to work. Here is the code -
Tushar Arora
  • 1,106
  • 2
  • 10
  • 22
6
votes
4 answers

aFrame.io creating hyperlinks and download links

Hello I have just started using A-Frame.io and am finding the website very useful. However there is no documentation on how to make a link work if i look at an object. https://aframe.io/examples/showcase/cursor/ in the example above if you hover the…
Raj Kaul
  • 61
  • 1
  • 3
5
votes
1 answer

Streaming audio in A-frame

I am building a multi-user experience in A-frame using NAF, and I have some positional audio containing music tracks in different points of the scene. I'm trying to figure out if it's possible to make it that the music is listened simultaneously by…
Dver
  • 51
  • 2
5
votes
1 answer

In Aframe AR.js Show A Preloading Screen Till All The Assets Loads And Renders

I Want To Show A Preloading Screen Till All Assets Loads And Renders. I Tried Using Assets Event loaded but its not working . When We Augment 3d Model , Image and video , So These Assets Are Almost 50-60mb . So it takes time to load the assets and…
Aryan
  • 83
  • 1
  • 13
1 2
3
…
99 100