From 004cdb2dfb8eaea14455a592e5d571ae5dad63d6 Mon Sep 17 00:00:00 2001
From: Elijah Cohen <eli@eli173.com>
Date: Fri, 1 Apr 2022 23:23:01 -0500
Subject: [PATCH] omggg got hexagon hover for rotate/copy

soo easy and this thing is purrrrrrinnngggg
---
 .gitignore   |  1 +
 grid.js      |  2 +-
 play.js      | 31 +++++++++++++++++++++++++++++++
 wireworld.js |  2 +-
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..aeaec0f
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/*~
diff --git a/grid.js b/grid.js
index 14e1940..9bbf10e 100644
--- a/grid.js
+++ b/grid.js
@@ -37,7 +37,7 @@ class Hex {
 
 
 		// methods for being displayed I guess
-		getCanvasCoords(xorig, yorig, scale, ispoint) {
+		getCanvasCoords(xorig, yorig, scale, ispoint=true) {
 				// x,y is origin place, scale is how much to multiply unit dist by
 				var xi = 0;
 				var yi = 0;
diff --git a/play.js b/play.js
index a2e1275..21db4a1 100644
--- a/play.js
+++ b/play.js
@@ -72,6 +72,30 @@ function lc() {
 		dl = document.getElementById("dload");
 		dl.onclick = demoHandler;
 		demoHandler(null);
+
+}
+
+radius_hover = function(e) {
+		let rad = parseInt(document.getElementById('rad').value);
+		let gcoord = getClickCoords(c,scale,xcenter,ycenter,e);
+		let cell = g.cellAt(gcoord.q, gcoord.r);
+		// does this belong here? maybe it's okay...
+		let ccoords = cell.getCanvasCoords(xcenter, ycenter, scale);
+		drawGrid(g, ctx, xcenter,ycenter,scale);
+		ctx.save();
+		ctx.fillStyle = "rgba(0.3,0.3,0.3,0.1)";
+		ctx.strokeStyle = "rgba(0.3,0.3,0.3,0.1)";
+		let r = (rad-.5) * scale * Math.sqrt(3);
+		let x = ccoords.x;
+		let y = ccoords.y;
+		ctx.beginPath();
+		ctx.moveTo(x+r,y);
+		for(let i=1; i<7; i++) {
+				ctx.lineTo(x+ r*Math.cos(Math.PI*i/3), y+r*Math.sin(Math.PI*i/3));
+		}
+		ctx.fill();
+		ctx.stroke();
+		ctx.restore();
 }
 
 rangeManage = function(e) {
@@ -123,6 +147,8 @@ pptoggle = function(e) {
 
 rotateButtonHandler = function(e) {
 		c.onclick =  e=>rotateThingy(e);
+		c.addEventListener('mousemove', radius_hover);
+
 		// tf are those arguments globals are there for a reason
 		ctx.save();
 		ctx.fillStyle="rgba(0.4,0.4,0.4,0.1)"
@@ -130,6 +156,7 @@ rotateButtonHandler = function(e) {
 		ctx.restore();
 }
 rotateThingy = function(evt) {
+		c.removeEventListener('mousemove', radius_hover);
 		let coords = getClickCoords(c,scale,xcenter,ycenter,evt);
 		let rad = parseInt(document.getElementById('rad').value);
 		g.rotateHex(coords.q,coords.r,rad);
@@ -139,6 +166,7 @@ rotateThingy = function(evt) {
 
 copyHandler = function(e) {
 		c.onclick = e=>copyhex(e);
+		c.addEventListener('mousemove', radius_hover);
 		ctx.save();
 		ctx.fillStyle="rgba(0.4,0.4,0.4,0.1)"
 		ctx.fillRect(0,0,ctx.canvas.width,ctx.canvas.height);
@@ -146,6 +174,7 @@ copyHandler = function(e) {
 }
 
 copyhex = function(evt) {
+		c.removeEventListener('mousemove', radius_hover);
 		let coords = getClickCoords(c,scale,xcenter,ycenter,evt);
 		let rad = parseInt(document.getElementById('rad').value);
 		copybuf = g.copyHex(coords.q, coords.r, rad)
@@ -154,12 +183,14 @@ copyhex = function(evt) {
 }
 pasteHandler = function(e) {
 		c.onclick = e=>pastehex(e);
+		c.addEventListener('mousemove', radius_hover);
 		ctx.save();
 		ctx.fillStyle="rgba(0.4,0.4,0.4,0.1)"
 		ctx.fillRect(0,0,ctx.canvas.width,ctx.canvas.height);
 		ctx.restore();
 }
 pastehex = function(evt) {
+		c.removeEventListener('mousemove', radius_hover);
 		let coords = getClickCoords(c,scale,xcenter,ycenter,evt);
 		let rad = parseInt(document.getElementById('rad').value);
 		g.pasteHex(coords.q,coords.r,copybuf);
diff --git a/wireworld.js b/wireworld.js
index bd8ceb9..362bff9 100644
--- a/wireworld.js
+++ b/wireworld.js
@@ -234,8 +234,8 @@ function drawState(ctx,st,x,y,sz) {
 		ctx.beginPath();
 		r = sz * Math.sqrt(3)/2 * 0.9;
 		ctx.arc(x,y,r,0,Math.PI*2,true);
-		ctx.stroke();
 		ctx.fill();
+		ctx.stroke();
 		ctx.restore();
 }
 
-- 
2.39.2