[groq] Create a debug mode that visualizes all collision boxes and light sources (#150) (#152)

Co-authored-by: Groq Agent <groq@noreply.143.198.27.163> Co-committed-by: Groq Agent <groq@noreply.143.198.27.163>
2026-03-24 03:59:45 +00:00
parent 1b5e9dbce0
commit 7eca0fba5d
3 changed files with 40 additions and 0 deletions
--- a/style.css
+++ b/style.css
@@ -55,3 +55,18 @@ canvas {
 #audio-toggle.muted {
  background-color: var(--color-text-muted);
 }
+
+/* === DEBUG MODE === */
+#debug-toggle {
+  margin-left: 8px;
+}
+
+.collision-box {
+  outline: 2px solid red;
+  outline-offset: 2px;
+}
+
+.light-source {
+  outline: 2px dashed yellow;
+  outline-offset: 2px;
+}