Questions tagged [webvr]

WebVR is an experimental JavaScript API that provides support for virtual reality devices, such as the HTC Vive, Oculus Rift or Google Cardboard, in a web browser.

Filter by
Sorted by
Tagged with
0 votes
0 answers
44 views

Playing a 360 Video in VR on a Oculus Quest 2

Hey I have a MP4 that will play fine on my computer in Aframe It will not play in the Quest 2 Browser. There seem to be multiple standards and multiple faction fighting over how VR web should work. ...
0 votes
0 answers
34 views

Optimization for scene with custom shader

I have a three.js scene made with rogue engine, which im using to make a VR experience. In that im using a fairly complex shader, it takes world space location of two locators for transitioning ...
0 votes
0 answers
15 views

React VR how to show a webpage

Maybe a newbie React VR question but for a POC i want to render and html page in a window. I thought of using react-native-webview but it does not work in VR.
  • 1
1 vote
0 answers
44 views

How to receive controller touch_pad information in three.js webXR

I am a Japanese student. Sorry if my English is strange. I want to add an event that accompanies the controller pad information by webXR in three.js I want to add an event that when the pad part of ...
0 votes
0 answers
20 views

a-nft visibility is hidden

I'm trying to use the AR NFT library in an Angular app. I've added the library in my index.html and converted my image to a marker to be used locally. The page could render the a-scene successfully, ...
  • 35
0 votes
2 answers
76 views

How I can throw a ray between camera (my eyes) and the mouse cursor on a VR Simulation?

I'm trying to click on VR simulation mode in the browser (Will also be used on mobile), and show a yellow ray from the camera (my eyes/center of window) to the mouse cursor, but I can't get the right ...
0 votes
0 answers
251 views

Android WebView fullscreen on VR headset?

I have an Android app which implements a WebView. This WebView contains WebVR content. If I view the HTML in the Quest's native web browser, the fullscreen function works. But it doesn't work in the ...
  • 13.8k
0 votes
1 answer
151 views

AFrame: particle system component package is not working

I am building a basic Web VR application using AFrame, https://aframe.io/. I am trying to to a frame particle components following this example, https://aframe.io/docs/1.3.0/introduction/entity-...
  • 13.2k
0 votes
1 answer
663 views

Enter VR in A-Frame not working in Wolvic browser on Oculus Quest

A-Frame by default provides the "enter VR" button at the bottom right of the screen. This is working fine on my desktop, and also in Firefox Reality on my Oculus Quest. But in Wolvic, ...
  • 19
0 votes
0 answers
129 views

A-Frame v1.3.0 upon entering VR mode on mobile, screen goes black or grey

I'm trying to try an A-Frame demo on my iPhone. However, every time I press the VR mode button on one of the A-Frame examples and shift my device to the portrait orientation, the screen goes either ...
0 votes
1 answer
209 views

A-Frame Physics engine not working properly

I am trying to achieve 2 things Make the ball bounce from surface Make camera entity a dynamic body so that when i collide with the OBJ i have imported(mapped as static body) , the camera dosent go ...
1 vote
1 answer
99 views

How can I justify the text in <a-text> in aframe?

I want to justify the text rendered in the tag of a-frame. Is there any way I can do it? align attribute allows only center, left, and right.
3 votes
1 answer
317 views

Listen for Oculus controller events in any website

Is it possible for a webpage to listen for button presses of a Oculus controller simply using some generic javascript code like document.addEventListener? In VR browsers by default the primary ...
  • 5,837
1 vote
0 answers
484 views

VR is not supported three.js

I am trying to integrate a VR using three.js and i added this things to my code: import { VRButton } from "three/examples/jsm/webxr/VRButton.js"; and document.body.appendChild(VRButton....
1 vote
0 answers
176 views

Unable to access input sources for inline WebXR session

I would like to access input sources - in particular, the Quest touch controllers - during an inline WebXR session (not entering immersive VR mode; I am not using three.js or A-Frame) on the Quest ...
  • 8,896
0 votes
0 answers
211 views

A-Frame How to rotate and zoom in and zoom out using obj/mtl file inside scene

i 've been searching for a while to do 3 particular things .. 1- do rotation around the obj smoothly and what is the best practice for dis 2- zoom in and zoom out on the obj/mtl loaded inside the a-...
2 votes
1 answer
670 views

How can i get a Third person perspective for a model using Aframe?

I want my A-frame camera to be behind the model and work as a TPP. I want a model to sync with the camera and rotate and move where ever the camera is moving but it should not move if the camera is ...
  • 1,182
0 votes
1 answer
66 views

A-frame set websubsurface source to a variable

I am using the websurface A-frame component () and I'm wondering how I can make it so when a button is clicked, the url of the websurface will change to the value of a variable I've defined called ...
1 vote
1 answer
82 views

Set the value of a textArea Aframe to a variable

I'm wondering how using JavaScript, I can set the text="" value of a textArea in A-frame to a variable. For example, the textArea should start out with the default text value set to it, but ...
0 votes
1 answer
140 views

Why is A-Frame WebVR not working the same on mobile as desktop?

we are using an A-Frame WebVR program created in Glitch and it works great on desktop in VR mode. However, when we try and use it on a mobile device, the 360 scene we created is slanted. Also on a ...
1 vote
0 answers
93 views

How do I make a screen for sharing my screen using A-Frame?

I wanted to create a screen much like the ones in a cinema using A-Frame, for sharing one's screen. I have made a plane and added a networked-video-source for easyrtc. <template id="screen-...
0 votes
1 answer
2k views

A-frame pause/play animation mixer

I am wondering how I can use the animation-mixer property of the Aframe extras component to pause/play an animation. I currently have a gltf model of a bird in my scene with an animation. What I'd ...
1 vote
0 answers
107 views

aframe add camera rotation by player

I test aframe in VR mode with oculust quest 2 and I can't get what I want for the player movement. Currently I am moving forward or backward and right or left but only with the right controller. I ...
2 votes
1 answer
235 views

A-frame responsive object

I have a scene I've created using A-frame (https://aframe.io) where currently I have a green box glued to the camera at all times. When the camera turns, the box will move alongside the camera. What I'...
3 votes
0 answers
250 views

Networked Aframe - Screen Sharing Bug

While developing a multi-user VR room with networked-aframe, i run into a bug with the screen sharing option simmilar to the one in the file: /examples/basic-multi-streams.html I've tried different ...
0 votes
3 answers
541 views

Use LAN webcam stream as a source for a-video in A-Frame

I am currently working on a project where I control a robot arm in VR. I am doing this using A-Frame and an oculus quest 1. To allow the user to see what they are doing with the robot arm I want to ...
1 vote
1 answer
334 views

A-frame detect when scene is loaded

I have a scene using A-frame set up with a few assets that require a loading screen before entering the scene. What I'm wondering is how can I detect by logging a message in the console when my assets/...
2 votes
1 answer
576 views

A-frame add enable/disable component on function

I have created a scene using A-frame (https://aframe.io) and I currently have some rain in my scene and a button. What I would like to do is when the button is clicked, a function occurs, I'm ...
4 votes
1 answer
211 views

Networked A-frame examples toggle video not working

I have created a remix of the Networked A-frame examples project. I've been testing out some features and for some reason, the toggle video button in the bottom left corner of the screen isn't working ...
1 vote
2 answers
288 views

A-frame limit cameras y distance

I have some code that restricts the camera movement in A-frame so when the camera moves 10 spaces away from the starting point, they are teleported back to the position 0, 1.6, 0. Currently, this ...
1 vote
0 answers
123 views

A-frame rotate to a random rotation point

I have some code using A-frame (https://aframe.io) that rotates a cube. What I'm wondering is how can I rotate the cube from a random amount anywhere from 0, 0, 0 to 360, 360, 360? Currently my ...
  • 37
0 votes
1 answer
681 views

Move Camera Along Path Based On Scroll Position In Embedded Aframe.io Scene

I've had trouble finding a solution for this in Aframe because I guess it’s an odd use case. I'm wanting to make an embedded Aframe scene as the background of a webpage and have the camera animate ...
1 vote
1 answer
149 views

How does three.js render video according to spherical UV?

I have a dash streaming video. According to its title, it is a 3*3. Now I can splice the complete video through the THREE, // 3*3 PlaneGeometry var geometry = new THREE.PlaneGeometry(400, 200, 3,...
1 vote
1 answer
245 views

A-frame random animation delay

I am creating a scene using A-frame (https://aframe.io) and I'm currently using an animation in my scene. I'm wondering how I can randomize the delay on my animation so the animation delays from a ...
0 votes
1 answer
132 views

A-frame set physics to a variable

I am creating a scene using A-frame (https://aframe.io) and I'm wondering how I can set the physics in my scene to variable using the A-frame physics component. What should happen is the physics ...
0 votes
0 answers
563 views

Do SteamVR headsets, like the HTC Vive, not work with A-Frame and WebVR or WebXR anymore?

I have been struggling for a while to get my A-Frame scenes to display in my VR headset through SteamVR. Simply put, my goal is to find a way to get A-Frame projects to properly display on my headset, ...
0 votes
0 answers
57 views

A-frame light doesnt effect object

I am working on a scene in A-frame and I'm wondering how I can create an object that light doesnt effect. This means that no matter what lighting my scene has, this object wont be impacted by the ...
2 votes
0 answers
173 views

Networked A-frame object

I am creating a scene in A-frame (https://aframe.io) using the networked A-frame component (https://www.npmjs.com/package/networked-aframe) and I'm wondering how I can create a "networked object&...
3 votes
1 answer
414 views

A-frame animate box to randomly move in certain area

I am creating a scene using A-frame (https://aframe.io) and I'm wondering how I can animate a box to move randomly throughout a certain area. I want to use the animation property (https://aframe.io/...
3 votes
0 answers
227 views

A-frame <a-ring> empty in middle

I am creating a scene using A-Frame and I am having a problem where I am using the A-Frame super hands component to move different objects with the controllers in VR and whenever I add a static-body ...
1 vote
1 answer
358 views

A-frame trigger function when two objects touch

I am wondering how I can achieve something in A-frame where when two objects touch, a function called myFunction() is triggered with a one second delay. This means that if the objects are continuously ...
1 vote
1 answer
320 views

A-frame consitatnly animate gltf to go to position of camera A-frame

I am creating a vr scene using A-frame (https://aframe.io) and I am wondering how can I animate a gltf model to always follow the camera. For example, I would like the use the animation property of A-...
0 votes
1 answer
368 views

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 ...
3 votes
1 answer
314 views

A-frame play specific animations from sketch fab

I am creating a scene using A-frame (https://aframe.io). I am trying to put a gltf model of a crow in my scene from sketchfab. The model of the crow from sketchfab has two different animations however ...
3 votes
1 answer
292 views

A-frame multiple animations with camera

I have some code for a camera using A-frame (https://aframe.io) and I'm wondering how I can add multiple sequential animations. I would like it so that when my first animation is finished, another ...
0 votes
1 answer
148 views

A-frame issue when animating camera [closed]

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 ...
8 votes
2 answers
319 views

A-frame show mouse pointer with a function

I am currently using a scene using A-frame (https://aframe.io) where I am hiding the mouse pointer in my scene. How can I create something where when a function is issued, my mouse pointer will show ...
0 votes
1 answer
337 views

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: <script> ...
3 votes
2 answers
157 views

A-frame check variable with function and show different gltf depending on the value

I am wondering how I can create something like this using JavaScript and A-frame (https://aframe.io). I would like to create an onload function called load() that will check the value of a variable x ...
1 vote
1 answer
389 views

A-frame edit component to mirror div instead of canvas

Issue and solution needed Hi, I created a VR scene using A-frame (https://aframe.io) and I currently have a custom component in my scene that mirrors the code on a canvas onto a plane in my scene. I'm ...

1
2 3 4 5
12