ajet/just-vibes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

get rid of hover

Browse Source
This commit is contained in:
Adam Jeniski 2026-01-02 14:58:14 -05:00
parent a546fe38b7
commit f436e67368
1 changed files with 2 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
line-segment-intersection/src/App.svelte
View File

@ -8,7 +8,6 @@
const HEIGHT = 320; const HEIGHT = 320;
let userPoint = { x: 5, y: 2 }; let userPoint = { x: 5, y: 2 };
let trackHover = true;
// Rectangle coordinates // Rectangle coordinates
const blueRect = { x1: 6, y1: 1 }; // Blue rectangle corner const blueRect = { x1: 6, y1: 1 }; // Blue rectangle corner
@ -62,33 +61,16 @@
ctx.stroke(); ctx.stroke();
} }
function handleMouseMove(event) {
if (!trackHover) return;
const rect = canvas.getBoundingClientRect();
const mouseX = event.clientX - rect.left;
const mouseY = event.clientY - rect.top;
// Add half grid unit offset for snapping to closest grid intersection
userPoint = {
x: Math.floor((mouseX + GRID_SIZE / 2) / GRID_SIZE),
y: Math.floor((HEIGHT - mouseY + GRID_SIZE / 2) / GRID_SIZE)
};
}
function handleCanvasClick(event) { function handleCanvasClick(event) {
// Update position at click location before toggling tracking
const rect = canvas.getBoundingClientRect(); const rect = canvas.getBoundingClientRect();
const mouseX = event.clientX - rect.left; const mouseX = event.clientX - rect.left;
const mouseY = event.clientY - rect.top; const mouseY = event.clientY - rect.top;
// Add half grid unit offset for snapping to closest grid intersection // Snap to closest grid intersection
userPoint = { userPoint = {
x: Math.floor((mouseX + GRID_SIZE / 2) / GRID_SIZE), x: Math.floor((mouseX + GRID_SIZE / 2) / GRID_SIZE),
y: Math.floor((HEIGHT - mouseY + GRID_SIZE / 2) / GRID_SIZE) y: Math.floor((HEIGHT - mouseY + GRID_SIZE / 2) / GRID_SIZE)
}; };
trackHover = !trackHover;
} }
function toCanvasCoords(x, y) { function toCanvasCoords(x, y) {
@ -223,7 +205,7 @@
<main> <main>
<h1>Line Segment Intersection</h1> <h1>Line Segment Intersection</h1>
<div class="canvas-container"> <div class="canvas-container">
<canvas bind:this={canvas} width={WIDTH} height={HEIGHT} on:mousemove={handleMouseMove} on:click={handleCanvasClick}></canvas> <canvas bind:this={canvas} width={WIDTH} height={HEIGHT} on:click={handleCanvasClick}></canvas>
</div> </div>
<div class="calculations"> <div class="calculations">