https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API/Fundamentals
https://webxr.nl/examples/
http://www.primaryobjects.com/2021/05/10/creating-virtual-reality-using-webxr/
A-FRAME
https://aframe.io/docs/1.2.0/introduction/
https://aframe.io/examples/
https://glitch.com/@aframe
https://sodocumentation.net/aframe
PRIMITIVES: https://aframe.io/docs/0.7.0/components/geometry.html
GITHUB: https://github.com/aframevr/
A-FRAME CODE
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box
position = "-1 0.5 -3"
rotation = "0 45 0"
color = "rgba(76,195,217,1.00)"
wireframe = "true" >
</a-box>
<a-sphere
position = "0 1.25 -5"
radius = "1.25"
color = "rgba(239,45,94,1.00)"
wireframe = "true" >
</a-sphere>
<a-cylinder
position = "1 0.75 -3"
radius = "0.5"
height = "1.5"
color = "rgba(255,198,93,1.00)"
wireframe = "true" >
</a-cylinder>
<a-plane
position = "0 0 -4"
rotation = "-90 0 0"
width = "4"
height = "4"
color = "rgba(123,200,164,1.00)"
wireframe = "true" >
</a-plane>
<a-cone
color = "rgba(0,0,0,1.00)"
position = "1 2.1 -3"
rotation = "0 180 0"
radius-bottom = "0.5"
radius-top = "0"
wireframe = "true" >
</a-cone>
<a-dodecahedron
color = "rgba(0,146,137,1.00)"
position = "0 5.1 -3"
rotation = "0 180 0"
radius = "2"
wireframe = "true" >
</a-dodecahedron>
<a-ring
color = "rgba(255,168,0,1.00)"
position = "0 4.1 -3"
rotation = "180 0 0"
radiusInner = "0.5"
radiusOuter = "1"
material = "side: double"
wireframe = "true" >
</a-ring>
<a-sky
color = "rgba(255,255,255,1)">
</a-sky>
</a-scene>
</body>
</html>