From 1768e1fd0ddc4a059869caa8ff4b08b5734e3982 Mon Sep 17 00:00:00 2001
From: elioat <elioat@tilde.institute>
Date: Sun, 1 Dec 2024 14:02:40 -0500
Subject: *

---
 html/bp-sand/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'html/bp-sand/index.html')

diff --git a/html/bp-sand/index.html b/html/bp-sand/index.html
index e34e33c..48c98d8 100644
--- a/html/bp-sand/index.html
+++ b/html/bp-sand/index.html
@@ -34,7 +34,10 @@
     <canvas id="sandCanvas"></canvas>
     <div class="controls">
         <input type="number" id="bpmInput" value="60" min="10" max="300">
-        <button id="toggleButton">Start</button>
+        <div>
+            <button id="clearSand">Clear</button>
+            <button id="toggleButton">Start</button>
+        </div>
     </div>
 
     <script>
@@ -42,6 +45,7 @@
         const ctx = canvas.getContext('2d');
         const bpmInput = document.getElementById('bpmInput');
         const toggleButton = document.getElementById('toggleButton');
+        const clearSandButton = document.getElementById('clearSand');
         const controls = document.querySelector('.controls');
 
         let bpm = 60;
@@ -145,6 +149,10 @@
         // Event Listeners
         toggleButton.addEventListener('click', toggleBPM);
 
+        clearSandButton.addEventListener('click', () => {
+            sandParticles = [];
+        });
+
         bpmInput.addEventListener('input', (e) => {
             bpm = parseInt(e.target.value);
             if (isRunning) {
-- 
cgit 1.4.1-2-gfad0