React Konva VS A-Frame

This is a known issue for Konva: https://github.com/konvajs/react-konva/issues/188

THREE.js / A-Frame

There are web technologies such as WebXR and WebGL that allow browsers in VR headsets to enter into VR mode and be controlled by VR controllers. A-frame VR is a library that allows you to use HTML-like markup to declaratively create VR environments in the browser (maybe slightly similar concept to VRML).

Theoretically it supports OpenXR on windows. In practice? Good luck. But that's not because of SteamVR in particular, that's just browsers making it very difficult, e.g. https://github.com/aframevr/aframe/issues/4709 tl;dr: disabling various levels of sandboxes in the browsers may make it work but will also make the browser more insecure.

Aframe is built on three.js so it isn't a true alternative, more like a different interface for three.js geared specifically towards getting started in WebXR. https://aframe.io/

A-frame is an open-source web framework for creating virtual reality experiences on the web maintained by Supermedium and Google developers. Being based on top of HTML, A-Frame is accessible to everyone because HTML is easy to read, understand, and copy-and-paste allowing web developers, VR enthusiasts, artists, designers, educators and kids to use HTML to construct 3D and WebVR environments. In other words, A-frame can be developed from a plain HTML file without having to install anything, right there on your browser. With a simple script editor like Glitch, you can build an XR environment, create beaches filled with sand, construct celestial bodies to mimic the solar system… etc. The A-frame library not only supports the rendering of 3D images, objects, and models, it also includes event handling scripting. Gaze events, for example, can be handled to detect when a user is staring at a specific object. You may move parts around, activate physics for items to bounce off of one another, and even integrate 3D spatial sound (sound effects that trigger and get louder/softer as you get closer to certain objects).

Yup, this was built with three.js - which is a layer of abstraction on-top of vanilla WebGL stuff - it's been around for a decade or so, but if you haven't heard of it before then I'm excited for you! So many cool new things to discover! There's also a-frame, which provides a layer on-top of three.js to give it an entity-component system (like Unity), and babylon.js - which is three.js's main competitor.

With devices like Oculus Rift, which are now more accessible, virtual reality is becoming a thing again. We can use JS to develop new stuff for such devices. ThreeJS, aframe, React VR, and others are JSframeworks for creating and developing Virtual Reality.