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
0 answers

I am trying to run a 360 video on asp.net core using aframe but video is not loading

So I am tryin to mimic the website for my project. I am running this file on ASP.net Core. But all its showing is Black screen with a text "Click or tap to start video". This is the following code in my razor view.
Psychonaut007
  • 167
  • 3
  • 13
0
votes
2 answers

I am trying to mimic this page. but mine is showing black screen with "Click or tap to start video"

https://aframe.io/aframe/examples/boilerplate/360-video/ I am new to Aframe js. So, I'm trying to mimic this page. I have copied whole code but still its is not working.
Psychonaut007
  • 167
  • 3
  • 13
0
votes
1 answer

Aframe color change

I want to make my sphere change color instantly instead of over a 3 second time duration Aframe animation, but every time I try it just doesn't seem to work. Here's my code:
Bosnia
  • 1
0
votes
1 answer

ThreeJS: Water2 example throwing "sphere is undefined," error

I'm trying to get the basic ThreeJS Water2 example setup that you can find here: https://threejs.org/examples/?q=water#webgl_water Source code here: https://github.com/mrdoob/three.js/blob/master/examples/webgl_water.html The process seems so…
zachThePerson
  • 632
  • 5
  • 25
0
votes
1 answer

How do i ask shadow in Aframe

I use Aframejs but, shadow is not working. shadow is cut off. How to work.... this is example https://glitch.com/edit/#!/noisy-celestial-abrosaurus?path=index.html%3A15%3A30
young nam
  • 61
  • 1
  • 2
  • 7
0
votes
1 answer

aframe examples model-viewer and adding animation handler

I'm working on a project in which I want to repurpuse this example https://aframe.io/aframe/examples/showcase/model-viewer/ all I want to add is a trigger that starts the animation on click event. I have managed to implement this to run on my…
sephiroth85
  • 33
  • 8
0
votes
1 answer

Collisions not working using Aframe 1.2.0 & Ammo.js

I started making a game using Aframe 1.2.0 and Ammo.js because CANNON.js support may be deprecated in the future. I have a very simple starting point - a static box - a dynamic sphere - click the sphere to fire - it should be bouncing off the box,…
heroicsatsuma
  • 91
  • 8
0
votes
1 answer

Marker based Augmented Reality not planing properly to marker on mobile devices only

I’m working on creating a marker based AR game using AFrame 1.2.0 and ar.js 3.3.3. The display shows 2D images of animals that the user has to “find”. The whole game functions well now, but I was running into an issue of photos appearing distorted…
mjb06h
  • 1
0
votes
1 answer

VR slideshow of stereoscopic photos using WebXR

I have a large and growing library of stereoscopic (not 360) photos in JPS and MPO format which I'd like to share via a website in some form of stereoscopic slideshow for VR headsets. A-Frame looks promising but so far I've found no examples of how…
DaveAlden
  • 30,083
  • 11
  • 93
  • 155
0
votes
1 answer

How to add 2D Overlay Exit Button when User Enters into VR in WebVR?

I am new to Aframe and try to put 2D Overlay menu to exit from VR mode when a user enters into VR Mode. What I want is exactly the same as given in krpano examples here. Krpano Example Image I added a-entity and write code on that. It worked but I…
Bhavik Mehta
  • 1
0
votes
1 answer

a-frame a-tube animating extra primitives

trying to animate a-tube https://github.com/n5ro/aframe-extras by addressing the the path;
Marlon_Brendo
  • 3
  • 1
0
votes
1 answer

How to dynamically change background audio in A-FRAME

I am creating a 360° image gallery and want to change the source of the audio in the element when the 360° image changes. The Glitch is here: https://glitch.com/edit/#!/360-gallery-for-class - This is based on the following tutorial.…
kig
  • 163
  • 1
  • 9
0
votes
1 answer

How to make A-Frame components talk to each other?

I want some components to respond to the user's position and orientation in the scene. I have little experience with interactive a-frame scenes and haven't written a component myself. Generally, I'd want components to be able to provide callbacks…
Oren Shalev
  • 952
  • 2
  • 9
  • 19
0
votes
1 answer

Is there a way to implement the Three.js effect composer into Aframe with VR mode disabled?

Has anyone had any luck implementing bloom effects or other post-processing effects from https://threejs.org/docs/#examples/en/postprocessing/EffectComposer into a scene? I’ve come across this a few times and tried to use it but can’t seem to make…
imrobbiegreen
  • 1
  • 2
0
votes
0 answers

A-frame x and z object rotations are actually moving object position instead

I am trying to simply rotate an object in A-frame. When I rotate it on the y-axis rotation = "0 90 0" it works fine. But when I try and rotate it along the X or Z axes the object moves position along those axes instead. For instance, with rotation…
Doc Volz
  • 11
  • 2
1 2 3
…
99 100