commit
a1e14ac41b
117
mods/UwUify.js
117
mods/UwUify.js
|
|
@ -1,36 +1,83 @@
|
||||||
document.body.style.backgroundImage = 'url("https://jayd-rubies.github.io/uwuify.png")';
|
document.body.style.backgroundImage = 'url("https://jayd-rubies.github.io/uwuify.png")';
|
||||||
gameDiv.style.border = "1px solid #ffffff00";
|
document.body.style.backgroundSize = 'cover';
|
||||||
window.addEventListener("load",function(){
|
gameDiv.style.border = "1px solid #ffffff00";
|
||||||
document.querySelectorAll(".categoryButton").forEach(e => {
|
window.addEventListener("load",function(){
|
||||||
e.style.backgroundColor = "ffc0cb40";
|
document.querySelectorAll(".categoryButton").forEach(e => {
|
||||||
})
|
e.style.backgroundColor = "#ffc0cb40";
|
||||||
});
|
})
|
||||||
function drawCursor() {
|
});
|
||||||
canvas.style.backgroundColor = "transparent";
|
function drawCursor() {
|
||||||
var layerCtx = canvasLayers.gui.getContext('2d');
|
canvas.style.backgroundColor = "transparent";
|
||||||
var mouseOffset = Math.trunc(mouseSize/2);
|
var layerCtx = canvasLayers.gui.getContext('2d');
|
||||||
var topLeft = [mousePos.x-mouseOffset,mousePos.y-mouseOffset];
|
var mouseOffset = Math.trunc(mouseSize/2);
|
||||||
var bottomRight = [mousePos.x+mouseOffset,mousePos.y+mouseOffset];
|
var topLeft = [mousePos.x-mouseOffset,mousePos.y-mouseOffset];
|
||||||
// Draw a square around the mouse
|
var bottomRight = [mousePos.x+mouseOffset,mousePos.y+mouseOffset];
|
||||||
layerCtx.strokeStyle = "#ffc0cb";
|
// Draw a square around the mouse
|
||||||
layerCtx.fillStyle = "#ffc0cb40";
|
layerCtx.strokeStyle = "#ffc0cb";
|
||||||
layerCtx.strokeRect(topLeft[0]*pixelSize,topLeft[1]*pixelSize,(bottomRight[0]-topLeft[0]+1)*pixelSize,(bottomRight[1]-topLeft[1]+1)*pixelSize);
|
layerCtx.fillStyle = "#ffc0cb40";
|
||||||
layerCtx.beginPath();
|
layerCtx.strokeRect(topLeft[0]*pixelSize,topLeft[1]*pixelSize,(bottomRight[0]-topLeft[0]+1)*pixelSize,(bottomRight[1]-topLeft[1]+1)*pixelSize);
|
||||||
layerCtx.lineWidth = 3;
|
layerCtx.beginPath();
|
||||||
layerCtx.stroke();
|
layerCtx.lineWidth = 3;
|
||||||
layerCtx.fill();
|
layerCtx.stroke();
|
||||||
// draw one transparent pixel in the center
|
layerCtx.fillRect(topLeft[0]*pixelSize,topLeft[1]*pixelSize,(bottomRight[0]-topLeft[0]+1)*pixelSize,(bottomRight[1]-topLeft[1]+1)*pixelSize);
|
||||||
if (settings.precision) {
|
layerCtx.fill();
|
||||||
layerCtx.fillStyle = "#ffc0c80";
|
// draw one transparent pixel in the center
|
||||||
layerCtx.fillRect(mousePos.x*pixelSize,mousePos.y*pixelSize,pixelSize,pixelSize);
|
if (settings.precision) {
|
||||||
}
|
layerCtx.fillStyle = "#ffc0cb80";
|
||||||
if (shaping) {
|
layerCtx.fillRect(mousePos.x*pixelSize,mousePos.y*pixelSize,pixelSize,pixelSize);
|
||||||
if (shaping === 1) { // Draw a white line from shapeStart.x to shapeStart.y
|
}
|
||||||
layerCtx.beginPath();
|
if (shaping) {
|
||||||
layerCtx.strokeStyle = "#ffc0c80";
|
if (shaping === 1) { // Draw a white line from shapeStart.x to shapeStart.y
|
||||||
layerCtx.lineWidth = 1;
|
layerCtx.beginPath();
|
||||||
layerCtx.moveTo(shapeStart.x*pixelSize+pixelSizeHalf, shapeStart.y*pixelSize+pixelSizeHalf);
|
layerCtx.strokeStyle = "#ffc0cb";
|
||||||
layerCtx.lineTo(mousePos.x*pixelSize+pixelSizeHalf, mousePos.y*pixelSize+pixelSizeHalf);
|
layerCtx.lineWidth = 3;
|
||||||
}
|
layerCtx.moveTo(shapeStart.x*pixelSize+pixelSizeHalf, shapeStart.y*pixelSize+pixelSizeHalf);
|
||||||
}
|
layerCtx.lineTo(mousePos.x*pixelSize+pixelSizeHalf, mousePos.y*pixelSize+pixelSizeHalf);
|
||||||
|
layerCtx.stroke()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function pixelColorPick(pixel,customColor=null) {
|
||||||
|
var element = pixel.element;
|
||||||
|
var elementInfo = elements[element];
|
||||||
|
//if (elementInfo.behavior instanceof Array) {
|
||||||
|
|
||||||
|
if (pixel.charge && elementInfo.colorOn) {
|
||||||
|
customColor = elementInfo.colorOn;
|
||||||
|
}
|
||||||
|
if (customColor != null) {
|
||||||
|
if (Array.isArray(customColor)) {
|
||||||
|
customColor = customColor[Math.floor(Math.random() * customColor.length)];
|
||||||
|
}
|
||||||
|
if (customColor.startsWith("#")) {
|
||||||
|
customColor = hexToRGB(customColor);
|
||||||
|
}
|
||||||
|
var rgb = customColor;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var rgb = elements[element].colorObject; // {r, g, b}
|
||||||
|
// If rgb is an array, choose a random item
|
||||||
|
if (Array.isArray(rgb)) {
|
||||||
|
rgb = rgb[Math.floor(Math.random() * rgb.length)];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Randomly darken or lighten the RGB color
|
||||||
|
var coloroffset = Math.floor(Math.random() * (Math.random() > 0.5 ? -1 : 1) * Math.random() * 1);
|
||||||
|
var r = rgb.r + coloroffset;
|
||||||
|
var g = rgb.g + coloroffset;
|
||||||
|
var b = rgb.b + coloroffset;
|
||||||
|
// Make sure the color is within the RGB range
|
||||||
|
r = Math.max(0, Math.min(255, r));
|
||||||
|
g = Math.max(0, Math.min(255, g));
|
||||||
|
b = Math.max(0, Math.min(255, b));
|
||||||
|
var color = "rgb("+r+","+g+","+b+")";
|
||||||
|
|
||||||
|
/*}
|
||||||
|
else {
|
||||||
|
var color = elementInfo.color;
|
||||||
|
if (Array.isArray(color)) {
|
||||||
|
color = color[Math.floor(Math.random() * color.length)];
|
||||||
|
}
|
||||||
|
}*/
|
||||||
|
return color;
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
var imgVar = "https://i.ytimg.com/vi/fx2Z5ZD_Rbo/hqdefault.jpg?sqp=-oaymwEmCOADEOgC8quKqQMa8AEB-AH-BIAC6AKKAgwIABABGGUgZShlMA8=&rs=AOn4CLD7X0AtWZAmVxLAt0LRvN8nrco_8Q";
|
||||||
|
gameDiv.style.border = "1px solid #ffffff00";
|
||||||
|
document.body.style.backgroundSize = 'cover';
|
||||||
|
window.addEventListener("load",function(){
|
||||||
|
document.querySelectorAll(".categoryButton").forEach(e => {
|
||||||
|
e.style.backgroundColor = "transparent";
|
||||||
|
})
|
||||||
|
});
|
||||||
|
function drawCursor() {
|
||||||
|
document.body.style.backgroundImage = 'url('+ imgVar +')';
|
||||||
|
canvas.style.backgroundColor = "transparent";
|
||||||
|
var layerCtx = canvasLayers.gui.getContext('2d');
|
||||||
|
var mouseOffset = Math.trunc(mouseSize/2);
|
||||||
|
var topLeft = [mousePos.x-mouseOffset,mousePos.y-mouseOffset];
|
||||||
|
var bottomRight = [mousePos.x+mouseOffset,mousePos.y+mouseOffset];
|
||||||
|
// Draw a square around the mouse
|
||||||
|
layerCtx.strokeStyle = "#808080";
|
||||||
|
layerCtx.strokeRect(topLeft[0]*pixelSize,topLeft[1]*pixelSize,(bottomRight[0]-topLeft[0]+1)*pixelSize,(bottomRight[1]-topLeft[1]+1)*pixelSize);
|
||||||
|
layerCtx.beginPath();
|
||||||
|
layerCtx.lineWidth = 1;
|
||||||
|
layerCtx.stroke();
|
||||||
|
// draw one transparent pixel in the center
|
||||||
|
if (settings.precision) {
|
||||||
|
layerCtx.fillStyle = "#80808080";
|
||||||
|
layerCtx.fillRect(mousePos.x*pixelSize,mousePos.y*pixelSize,pixelSize,pixelSize);
|
||||||
|
}
|
||||||
|
if (shaping) {
|
||||||
|
if (shaping === 1) { // Draw a white line from shapeStart.x to shapeStart.y
|
||||||
|
layerCtx.beginPath();
|
||||||
|
layerCtx.strokeStyle = "#808080";
|
||||||
|
layerCtx.lineWidth = 1;
|
||||||
|
layerCtx.moveTo(shapeStart.x*pixelSize+pixelSizeHalf, shapeStart.y*pixelSize+pixelSizeHalf);
|
||||||
|
layerCtx.lineTo(mousePos.x*pixelSize+pixelSizeHalf, mousePos.y*pixelSize+pixelSizeHalf);
|
||||||
|
layerCtx.stroke()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
elements.change_background = {
|
||||||
|
color:"#ffffff",
|
||||||
|
category: "customBackground",
|
||||||
|
tool: function(pixel) {},
|
||||||
|
onSelect: function() {
|
||||||
|
imgVar = prompt("Please input an image link to set as background.");
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue