fix: reveal-the-cat black bg

hbk-bs · Nov 18, 2024 · 7071d10 · 7071d10
1 parent 3b5c767
commit 7071d10
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/p5js/reveal-the-cat/index.html b/p5js/reveal-the-cat/index.html
@@ -14,8 +14,10 @@
 			display: flex;
 			justify-content: center;
 			align-items: center;
+			background-color: black;
 		}
 	</style>
+
 	<script src="/public/js/p5.min.js"></script>
 	<script src="index.js"></script>
 

diff --git a/p5js/reveal-the-cat/index.js b/p5js/reveal-the-cat/index.js
@@ -6,16 +6,17 @@ function preload() {
 function setup() {
 	createCanvas(300, 200);
 	rectMode(CENTER);
-	// imageMode(CENTER)
+	stroke('white');
+	fill('black');
 }
 
 function draw() {
 	image(img, 0, 0);
 	// Get a region of the image.
 	let c = get(mouseX - 15, mouseY - 15, 15, 15);
-	noStroke;
-	fill('black');
+
+	// mask the image
 	rect(width / 2, height / 2, width, height);
-	// Display the region.
+	// Display only the region.
 	image(c, mouseX - 15, mouseY - 15);
 }