index.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <title>WebGPU Butterfly</title>
    <style>
      html,
      /* body {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        background: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      } */
      h1 {text-align: center;}
      canvas{
			display: block;
			margin: 0 auto;
      background: rgb(255, 255, 255);
		}
    </style>
  </head>
  <body>
    <canvas id="gfx">
    </canvas>
    <p id="camera_pos"></p>
    <script type="text/javascript" src="dist/main.js"></script>
  </body>
</html>