From 22cc848d9e3ffa62b43e1e6c4b91505202fb4398 Mon Sep 17 00:00:00 2001 From: An Orbit <68935009+orbit-loona@users.noreply.github.com> Date: Mon, 20 May 2024 11:26:34 -0400 Subject: [PATCH] Cursor shapes as a stand-alone mod This mod does not grant even pixel sizes because that would require overwriting drawPixels. --- mods/cursor_shapes.js | 127 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 127 insertions(+) create mode 100644 mods/cursor_shapes.js diff --git a/mods/cursor_shapes.js b/mods/cursor_shapes.js new file mode 100644 index 00000000..bb0f74b9 --- /dev/null +++ b/mods/cursor_shapes.js @@ -0,0 +1,127 @@ +if(enabledMods.includes("mods/a_mod_by_alice.js")) { + logMessage("cursor_shapes.js is redundant with a_mod_by_alice.js") +} else { + currentShape = "square"; + shapeOrder = ["square","circle","triangle","inverted triangle","rhombus","squircle","twinkle"]; + shapeExclusionConditions = { + /*"square": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + return false + },*/ + "triangle": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var distanceFromCenterLine; + if(size % 2 == 0) { + distanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) + } else { + distanceFromCenterLine = Math.abs(mouseX - x); + }; + var distanceProportion = distanceFromCenterLine / size; + var hpovp = ((yOffset + (size % 2 == 0)) / size) / 2; //halvedPossiblyOffsetVerticalProportion + return distanceProportion > (hpovp + 0.01); + }, + "inverted triangle": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var distanceFromCenterLine; + if(size % 2 == 0) { + distanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) + } else { + distanceFromCenterLine = Math.abs(mouseX - x); + }; + var distanceProportion = distanceFromCenterLine / size; + var hpovpc = (1 - ((yOffset + (size % 2 !== 0)) / size)) / 2; //halvedPossiblyOffsetVerticalProportionComplement + return distanceProportion > (hpovpc + 0.01); + }, + "rhombus": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var xDistanceFromCenterLine; + if(size % 2 == 0) { xDistanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) } else { xDistanceFromCenterLine = Math.abs(mouseX - x) }; + var yDistanceFromCenterLine; + if(size % 2 == 0) { yDistanceFromCenterLine = Math.abs((size / 2) - (yOffset + 0.5)) } else { yDistanceFromCenterLine = Math.abs(mouseY - y) }; + return (xDistanceFromCenterLine + yDistanceFromCenterLine) > (size / 2) //i was just messing around, i didn't expect this to actually be the right condition :sob: + }, + "squircle": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var xDistanceFromCenterLine; + if(size % 2 == 0) { xDistanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) } else { xDistanceFromCenterLine = Math.abs(mouseX - x) }; + var yDistanceFromCenterLine; + if(size % 2 == 0) { yDistanceFromCenterLine = Math.abs((size / 2) - (yOffset + 0.5)) } else { yDistanceFromCenterLine = Math.abs(mouseY - y) }; + return ( (((xDistanceFromCenterLine ** 3) + (yDistanceFromCenterLine ** 3)) ** (1/3)) > (size / 2)) || ((size > 2) && (size <= 6) && ((xDistanceFromCenterLine + yDistanceFromCenterLine) == (size - 1))); + }, + "twinkle": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var xDistanceFromCenterLine; + if(size % 2 == 0) { xDistanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) } else { xDistanceFromCenterLine = Math.abs(mouseX - x) }; + var yDistanceFromCenterLine; + if(size % 2 == 0) { yDistanceFromCenterLine = Math.abs((size / 2) - (yOffset + 0.5)) } else { yDistanceFromCenterLine = Math.abs(mouseY - y) }; + return ((((xDistanceFromCenterLine ** (1/2)) + (yDistanceFromCenterLine ** (1/2))) ** (2)) > ((size / (size % 2 ? 2 : 1.7)))) && (xDistanceFromCenterLine > 0.5) && (yDistanceFromCenterLine > 0.5) + }, + "circle": function(x,y,size,mouseX,mouseY,topLeft,bottomRight) { + var xOffset = (x - topLeft[0]); + var yOffset = (y - topLeft[1]); + var xDistanceFromCenterLine; + if(size % 2 == 0) { xDistanceFromCenterLine = Math.abs((size / 2) - (xOffset + 0.5)) } else { xDistanceFromCenterLine = Math.abs(mouseX - x) }; + var yDistanceFromCenterLine; + if(size % 2 == 0) { yDistanceFromCenterLine = Math.abs((size / 2) - (yOffset + 0.5)) } else { yDistanceFromCenterLine = Math.abs(mouseY - y) }; + if( (((xDistanceFromCenterLine ** 2) + (yDistanceFromCenterLine ** 2)) ** (1/2)) > (size / 2)) { return true }; //structured this way for legibility + if( ((xDistanceFromCenterLine + yDistanceFromCenterLine) == 2) && (size == 3)) { return true }; + if( ((xDistanceFromCenterLine + yDistanceFromCenterLine) >= 3.5) && (size == 6)) { return true }; + if( ((xDistanceFromCenterLine + yDistanceFromCenterLine) >= 4.5) && (size == 8) && !(Math.abs(xDistanceFromCenterLine) === Math.abs(yDistanceFromCenterLine))) { return true }; + if( //i can't explain how these rules work, but they just do + (size % 2 == 1) && + (size > 5) && + ((xDistanceFromCenterLine + yDistanceFromCenterLine) >= (size - 3)) && + !(Math.abs(xDistanceFromCenterLine) === Math.abs(yDistanceFromCenterLine)) + ) { return true }; + return false + } + } + + function mouseRange(mouseX,mouseY,size,shapeOverride=null) { + var shape = shapeOverride ?? currentShape ?? "square"; + var coords = []; + size = size || mouseSize; + if (elements[currentElement].maxSize < mouseSize) { + var mouseOffset = Math.trunc(elements[currentElement].maxSize/2); + } + else { + var mouseOffset = Math.trunc(size/2); + } + var topLeft = [mouseX-mouseOffset,mouseY-mouseOffset]; + var bottomRight = [mouseX+mouseOffset,mouseY+mouseOffset]; + if(size % 2 == 0) { + bottomRight[0]--; + bottomRight[1]--; + }; + var exclusionFunction = shapeExclusionConditions[shape] ?? null; + if((shape !== "square") && (exclusionFunction == null)) { + logMessage(`Shape ${shape} not recognized!`) + return [] + }; + + // Starting at the top left, go through each pixel + for (var x = topLeft[0]; x <= bottomRight[0]; x++) { + for (var y = topLeft[1]; y <= bottomRight[1]; y++) { + // If the pixel is empty, add it to coords + if((shape !== "square") && exclusionFunction?.(x,y,size,mouseX,mouseY,topLeft,bottomRight)) { + continue + }; + coords.push([x,y]); + } + }; + return coords + }; + + document.addEventListener("keydown", function(e) { + //shift+8 to change cursor shape + if (e.keyCode == 56 && shiftDown) { + var currentShapeIndex = shapeOrder.indexOf(currentShape); + currentShape = shapeOrder[(currentShapeIndex + 1) % shapeOrder.length]; + logMessage(`Current shape: ${currentShape}`) + } + }) +}