commodore
/
sandboxels
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(Read description) Adds a find mode 

It modifies drawPixels to add a "find mode" that causes the currently selected element to pulsate red and yellow. 
To toggle it, pull up the info for the element "find_toggle" and click the magenta text in the description.
This commit is contained in:
O-01-67 2022-07-09 22:25:20 -04:00 committed by GitHub
parent b7bd1f216e
commit de0dc088ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
mods/find.js Normal file
View File

@ -0,0 +1,80 @@
var style = document.createElement('style');
style.type = 'text/css';
style.id = 'findStatusStylesheet';
style.innerHTML = '.findStatus { color: #E11; text-decoration: none; }';
document.getElementsByTagName('head')[0].appendChild(style);
find = false;
findElement = "sand";
findColorPulseTimer = 0;
function marasi(number) {
return Math.min(255,Math.round(Math.abs(Math.sin(number) * 255)));
};
function updateFindDescription() {
elements.find_toggle.desc = "<em>I'm running out of keybinds</em><br/><br/><span class=\"findStatus\">If this text is green or underlined, find mode is on.</span> <span onclick=toggleFind() style=\"color: #ff00ff;\";>Click here</span> to toggle find mode. This highlights the currently selected element.";
};
function toggleFind() {
if(find != true) {
find = true;
document.getElementById("findStatusStylesheet").innerHTML = '.findStatus { color: #1E1; text-decoration: underline; }'; //Displayed info doen't update until it's pulled up again, so I'm using CSS to dynamically change the color of an element.
} else {
find = false;
document.getElementById("findStatusStylesheet").innerHTML = '.findStatus { color: #E11; text-decoration: none; }';
};
updateFindDescription();
};
oldDrawPixels2 = drawPixels;
suffixFunction2 = function() {
// newCurrentPixels = shuffled currentPixels
var newCurrentPixels = currentPixels;
var pixelsFirst = [];
var pixelsLast = [];
var canvas = document.getElementById("game");
var ctx = canvas.getContext("2d");
for (var i = 0; i < newCurrentPixels.length; i++) {
pixel = newCurrentPixels[i];
//if (pixelMap[pixel.x][pixel.y] == undefined || currentPixels.indexOf(pixel) == -1) {continue}
if (pixel.del) {continue};
if (elements[pixel.element].isGas) {
pixelsLast.push(pixel);
} else {
pixelsFirst.push(pixel);
};
};
var pixelDrawList = pixelsFirst.concat(pixelsLast);
for (var i = 0; i < pixelDrawList.length; i++) {
pixel = pixelDrawList[i];
if (pixelMap[pixel.x][pixel.y] == undefined) {continue};
if (find === true) { //if in find view
if(pixel.element === currentElement) {
ctx.fillStyle = "rgb(255," + marasi(findColorPulseTimer / 10) + ",0)";
ctx.fillRect(pixel.x*pixelSize, pixel.y*pixelSize, pixelSize, pixelSize);
};
};
};
findColorPulseTimer++;
}
drawPixels = function(forceTick=false) {
oldDrawPixels2(forceTick);
suffixFunction2();
};
elements.find_toggle = {
color: ["#000000", "#000000", "#000000", "#000000", "#ff0000", "#ff0000", "#ff0000", "#ff0000"],
name: "find toggle (look at info)",
behavior: behaviors.SELFDELETE,
category: "tools",
excludeRandom: true,
desc: "<em>I'm running out of keybinds</em><br/><br/><span class=\"findStatus\">If this text is green or underlined, find mode is on.</span> <span onclick=toggleFind() style=\"color: #ff00ff;\";>Click here</span> to toggle find mode. This highlights the currently selected element.",
};