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
5
votes
1 answer

How to find the coordinates of a raycaster intersection point on an object in a-frame?

I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component? The best would be to the know the coordinates in the system in which the…
shaabhishek
  • 63
  • 6
5
votes
1 answer

How to remove fullscreen styles in A-Frame, reduce canvas size, or scroll a page with A-Frame scene?

A-Frame is locking the scroll in the page where I am using it. When I open a page with my A-Frame scene, it takes up 100% page width and height and I cannot scroll. Is there a class I have to remove?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
5
votes
3 answers

How to invert drag rotation in A-Frame?

A simple question. I used 4-6 hours to finding this but not found. Example, Im building a panorama viewer :
l2aelba
  • 21,591
  • 22
  • 102
  • 138
5
votes
2 answers

How to enable anti-aliasing in A-Frame?

Anti-aliasing smooths jagged edges on curved lines and diagonals. How can I enable anti-aliasing on A-Frame?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
5
votes
2 answers

How to assign different textures to sides of a box in A-Frame

Is there a way to assign different textures for each side of a box geometry in A-Frame, without building the box from 6 unique planes? More specifically, how can I do a cubemap in A-Frame? Here is…
Nathan Diesel
  • 91
  • 2
  • 4
5
votes
1 answer

How to listen to changes in the rotation of the camera in A-Frame?

Is there a way to add a listener on the current angle of view? In other words, I'd like to trigger a function every time the user looks behind him. The quickest way seems to be having a listener that checks the current head rotation and trust…
ngokevin
  • 12,980
  • 2
  • 38
  • 84
5
votes
1 answer

Javascript - How to detect when user enters VR mode?

Is there any JavaScript event triggered when the user enters VR mode while viewing the VR scene on a webpage? Or is there any function which returns whether the user is viewing the webpage in VR mode or not?
Ram
  • 71
  • 1
  • 7
5
votes
1 answer

How to create a 180-degree/semisphere/segment/partial video sphere in A-Frame?

displays a video on an entire 360-degree sphere, but I want to display a video or image, but only on a portion of a sphere like a hemisphere. Something like: (from MathWorld - A Wolfram Web Resource: wolfram.com)…
ngokevin
  • 12,980
  • 2
  • 38
  • 84
5
votes
2 answers

How do I display