From dcf4cea0c46e690b45bd2554ddafd6ca60e65113 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 17 Jan 2025 23:00:14 +0000
Subject: [PATCH] fix: use alphafilter on grid

---
 src/components/canvas/Canvas.tsx | 4 +---
 src/components/canvas/Grid.tsx   | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/canvas/Canvas.tsx b/src/components/canvas/Canvas.tsx
index 4b1e4e1..2f43efd 100644
--- a/src/components/canvas/Canvas.tsx
+++ b/src/components/canvas/Canvas.tsx
@@ -299,8 +299,6 @@ function Canvas() {
 	}, [tool, holdingAlt, scale, mouseCoords, blocks, setSelectedBlock, zoom]);
 
 	const onKeyDown = (e: KeyboardEvent) => {
-		console.log(e.key);
-
 		switch (e.key) {
 			case " ": // Space
 				setDragging(true);
@@ -426,7 +424,7 @@ function Canvas() {
 				</Container>
 
 				{settings.grid && (
-					<Container>
+					<Container filters={[new PIXI.AlphaFilter(0.1)]}>
 						<Grid stageSize={stageSize} coords={coords} scale={scale} isDark={isDark} />
 					</Container>
 				)}
diff --git a/src/components/canvas/Grid.tsx b/src/components/canvas/Grid.tsx
index 6abbece..192a81e 100644
--- a/src/components/canvas/Grid.tsx
+++ b/src/components/canvas/Grid.tsx
@@ -12,7 +12,7 @@ function Grid({ stageSize, coords, scale, isDark }: Props) {
 		<Graphics
 			draw={(g) => {
 				g.clear();
-				g.lineStyle(1, isDark ? 0xffffff : 0x000000, 0.1);
+				g.lineStyle(1, isDark ? 0xffffff : 0x000000);
 
 				const tileSize = 16 * scale;