mirror

public/index.html

@@ -19,10 +19,11 @@
     </header>
 
     <script src="sketch.js"></script>
-    <p>Blur Size: <input type="range" id="blurSize" value="30"></p>
-    <p>Low Threshold: <input type="range" id="lowThreshold" value="15"></p>
-    <p>High Threshold: <input type="range" id="highThreshold" value="25"></p>
-    
+    <!--    
+      <p>Blur Size: <input type="range" id="blurSize" value="30"></p>
+      <p>Low Threshold: <input type="range" id="lowThreshold" value="15"></p>
+      <p>High Threshold: <input type="range" id="highThreshold" value="25"></p>
+    -->
     <div>
     <main>
     </main>

public/sketch.js

@@ -34,7 +34,7 @@ function draw() {
       fill(255);
       noStroke();
       ellipse(
-        map(x, 0, video.width, 0, width),
+        map(video.width - x, 0, video.width, 0, width),
         map(y, 0, video.height, 0, height),
         diameter,
         diameter