Interactive ripples effect (#194)

2026-10-17 00:12:59 +00:00 · 2025-10-16 15:19:20 -03:00
parent f035f4ad92
commit 1ecabe08a0
2 changed files with 186 additions and 0 deletions
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>spark | splat-shockwave</title>
+  <style>
+    html, body, #canvas { width: 100%; height: 100%; margin: 0; padding: 0; display: block; }
+    body { background: #000; overflow: hidden; }
+    .legend {
+      position: absolute;
+      top: 20px;
+      left: 20px;
+      color: white;
+      font-family: Arial, sans-serif;
+      font-size: 16px;
+      background: rgba(0, 0, 0, 0.7);
+      padding: 10px 15px;
+      border-radius: 5px;
+      pointer-events: none;
+      z-index: 100;
+    }
+  </style>
+  </head>
+  <body>
+    <canvas id="canvas"></canvas>
+    <div class="legend">Click to generate ripples • WASD + Mouse to move camera</div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>