Add gyro and webgl demo

2025-07-21 08:30:08 +02:00
parent 611cee6f40
commit 1635eb9ede
7 changed files with 1989 additions and 0 deletions
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+      body {
+        margin: 0;
+        background-color: #000;
+      }
+
+      .view {
+        display: flex;
+        width: 100vw;
+        height: 100vh;
+
+        justify-content: center;
+        align-items: center;
+      }
+
+      @media (max-aspect-ratio: 1) {
+        .view-canvas {
+          width: 100vw;
+          height: 100vw;
+        }
+      }
+
+      @media (min-aspect-ratio: 1) {
+        .view-canvas {
+          width: 100vh;
+          height: 100vh;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="view">
+      <canvas id="canvas" class="view-canvas" width="64" height="64"></canvas>
+    </div>
+    <script src="./m4.js"></script>
+    <script src="./webgl.js"></script>
+  </body>
+</html>