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

A-Frame: FOSS Options for widely supported, markerless AR?

A-Frame's immersive-ar functionality will work on some Android devices I've tested with, but I haven't had success with iOS. It is possible to use an A-Frame scene for markerless AR on iOS using a commercial external library. Example: this demo from…
earok
  • 133
  • 7
0
votes
1 answer

A-Frame: How to detect that the user has quit AR mode

In the A-Frame project I have been developing, the user is first prompted whether or not they want to play the game in an AR mode or in a traditional non-AR 3D mode. When the user unexpectedly exits AR mode (by pressing back and exiting fullscreen,…
earok
  • 133
  • 7
0
votes
1 answer

Cannot set shader on object in A-Frame/THREE.js

I'm trying to create a shader, and to test it out I'm trying to assign it to an object on load using the following code AFRAME.registerShader('my-simple-shader', { schema: { color: {type: 'color', is: 'uniform', default: 'red'} }, …
zachThePerson
  • 632
  • 5
  • 25
0
votes
1 answer

A-frame let gltf model follow slightly in front of player at all times

I am wondering how I can create something in A-frame (https://aframe.io) where a gltf model in my scene follows the camera slightly in front and eye level to the camera. How can I take a model in my scene and add a feature where the gltf model will…
Aidan Young
  • 554
  • 4
  • 15
0
votes
0 answers

WebGL Video on Chrome sometimes black, sometimes frozen

I'm using WebM video in WebGL (Three.js) for 360 video and other things. Every now and again I get a black video or video frozen on the first frame, but the sound can be heard in the background. It's really random when it can happen, and freshing…
beek
  • 3,522
  • 8
  • 33
  • 86
0
votes
1 answer

Problems with a script in Angular and typescript using A-Frame

I have a problem in angular with a script for a piece of HTML code that uses A-Frame to make 3D objects and interact with it. The problem is that you can give play with sound as an attribute of a-frame but when the script is tried or from the…
Camilo Moreno
  • 3
  • 1
0
votes
1 answer

A-frame issue when animating camera

I have some code using A-frame (https://aframe.io) that allows me to animate my camera. For some reason, whenever I add a gltf model to my existing scene with the camera animation, the code works fine exept for the camera animation which just isn't…
Aidan Young
  • 554
  • 4
  • 15
0
votes
1 answer

How to integrate threejs modules with Aframe?

So I find a lot of interesting scripts that are built just with threejs, but I would like to somehow combine them with the ease of use that Aframe provides. The below code starts by importing three.module.js - which I believe is already bundled with…
heroicsatsuma
  • 91
  • 8
0
votes
1 answer

In an A-Frame scene, how to make models from Sketchfab appear with correct size and color?

I'm trying to do something very basic with a-frame & gltf/glb models, basically want to drop a few models into a scene. I started with A-Frame's "Hello WebVR" and just tried to add one model from Sketchfab, but every time I manage to make it…
Oren Shalev
  • 952
  • 2
  • 9
  • 19
0
votes
1 answer

A-Frame Sound Not Playing

I hope someone can help me. I can't make the sound to play. I'm kinda new in A-Frame. I hope anyone can help me check what's wrong with my code: …
Aijin02
  • 1
  • 1
0
votes
0 answers

How to place the hotspot on the 3d models?

I have a question as I attempt to combine two codes. I'm trying to place the hotspot elements on each 3d model when I click on the 'next 3d model'. The hotspots are kind particular information of each model. I would like to make it change as I swap…
Jessy
  • 11
  • 2
0
votes
1 answer

Video sphere material repeat does not seam to work in A-frame

I run into the following issue:
Kory75
  • 3
  • 1
0
votes
1 answer

A-frame fade out gltf model after a few seconds

I am wondering how I can use A-frame (https://aframe.io) to fade out my gltf model after around 3 seconds. I'm not sure exactly how I'd be able to do this. My current code is below: