Set alpha: false when getting canvas context

Author: dpolugic

src/App.tsx

@@ -79,7 +79,7 @@ function App() {
   const [state, setState] = useState<State>(BASE_STATE)
   const [draftClick, setDraftClick] = useState<DraftClick | undefined>(undefined)
 
-  const ctx = useMemo(() => canvasEl?.getContext('2d'), [canvasEl])
+  const ctx = useMemo(() => canvasEl?.getContext('2d', { alpha: false }), [canvasEl])
 
   // Handle viewport size changes
   useEffect(() => {

src/draw.ts

@@ -138,12 +138,13 @@ function* generateDrawQueue(state: State): Generator<QueueEntry, void, void> {
 
         // Give up if queue becomes too large.
         if (patternQueue.size >= MAX_QUEUE_SIZE) {
-          console.warn('Maximum queue size reached. Rendering cancelled.')
+          console.log(
+            `Maximum queue size reached. Rendering cancelled. Total iterations: ${iterations}. Final queue size: ${patternQueue.size}`
+          )
           return
         }
       }
     }
-
   }
 
   console.log(

src/functions.ts

@@ -60,7 +60,7 @@ export const mapPointToViewportSpace = (
   [x, y]: AbsolutePoint,
   [viewportWidth, viewportHeight]: Size
 ): ViewportPoint => {
-  return [x * viewportWidth, y * viewportHeight] satisfies NumberPair as ViewportPoint
+  return [Math.round(x * viewportWidth), Math.round(y * viewportHeight)] satisfies NumberPair as ViewportPoint
 }
 
 // ts-unused-exports:disable-next-line