WEBXR

https://webxr.nl/examples/


https://medium.com/samsung-internet-dev/eleven-examples-of-how-webvr-is-being-used-today-cbcb214b816c

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>