Ray Marching with Web Components

<script src="https://unpkg.com/[email protected]/lib/ray-marching.js"></script>
<main>
    <ray-marching>
      <script type="x-shader/x-fragment">
        precision mediump float;
        uniform float time;
        uniform vec2  mouse;
        uniform vec2  resolution;

        void main( void ) {
          vec2 p = gl_FragCoord.xy / max(resolution.x, resolution.y);
          gl_FragColor = vec4(p, mouse.x, 1.0);
        }
      </script>
    </ray-marching>
</main>
<style>
  ray-marching {
    aspect-ratio: 1 / 1;
  }
</style>