From 89195244320477485c97ee1a9be6cb3d9b94c76f Mon Sep 17 00:00:00 2001
From: Felix Roos <roos@entrecode.de>
Date: Wed, 30 Mar 2022 11:56:05 +0200
Subject: [PATCH] clear canvas on update

---
 packages/core/examples/canvas.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/core/examples/canvas.html b/packages/core/examples/canvas.html
index 685cc56ee..44ffd9f6d 100644
--- a/packages/core/examples/canvas.html
+++ b/packages/core/examples/canvas.html
@@ -2,8 +2,8 @@
   <input
     type="text"
     id="text"
-    value="cat('orange', 'indigo')"
-    style="width: 100%; font-size: 2em; background: black; color: white; outline: none; position: absolute; top: 0"
+    value="cat('lime', slowcat('steelblue','darkblue'),'yellow','salmon','black').every(2,rev).fast(16)"
+    style="width: 100%; font-size: 1.5em; background: black; color: white; outline: none; position: absolute; top: 0"
     spellcheck="false"
   />
   <canvas id="canvas"></canvas>
@@ -25,6 +25,7 @@
     function paint(code) {
       const pattern = eval(code); // run code
       const events = pattern.firstCycle(); // query first cycle
+      ctx.clearRect(0, 0, canvas.width, canvas.height); // clear canvas
       events.forEach((event) => {
         ctx.fillStyle = event.value;
         ctx.fillRect(event.whole.begin * canvas.width, 0, event.duration * canvas.width, canvas.height);