"
settings.classList.add("chatSettings")
document.getElementById("client-chat").append(settings)
settings.addEventListener("click", this.chatSettings)
const chatDown = document.createElement("button");
chatDown.innerHTML = "↓";
chatDown.addEventListener("click", () => {
if(!chatIsDown) {
document.getElementById("client-chat").style.height = "40px";
document.getElementById("client-chat-title").style.display = "none";
chatDown.style.rotate = "180deg";
chatDown.style.top = "6px";
settings.style.display = "none";
sendButton.style.display = "none";
client_messages.style.display = "none";
chatIsDown = true;
} else {
document.getElementById("client-chat").style.height = "250px";
document.getElementById("client-chat-title").style.display = "block";
chatDown.style.rotate = "0deg";
chatDown.style.top = "30px";
settings.style.display = "block";
sendButton.style.display = "block";
client_messages.style.display = "flex";
chatIsDown = false;
}
})
chatDown.classList.add("chatDown", "modButton")
document.getElementById("client-chat").append(chatDown)
}
chatSettings() {
let settingsShown = this.settingsShown;
if(!settingsShown) {
const settings = document.createElement("div");
settings.classList.add("chatSettingsDiv", "client_chat_div");
settings.id = "ClientChatSettings";
settings.innerHTML = `
More coming soon
`;
settings.style.backgroundColor = hexToRGBA(modSettings.chatBGcolor, 0.4);
document.body.append(settings)
setTimeout(() => {
const changeBg = document.getElementById("changeChatBg")
changeBg.addEventListener("input", () => {
const clientChatDivs = document.getElementsByClassName("client_chat_div");
for (let i = 0; i < clientChatDivs.length; i++) {
const rgbaColor = hexToRGBA(changeBg.value, 0.4);
clientChatDivs[i].style.backgroundColor = rgbaColor;
}
modSettings.chatBGcolor = changeBg.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
});
const changeChatColor = document.getElementById("changeChatColor")
changeChatColor.addEventListener("input", () => {
const chatText = document.getElementsByClassName("chatText");
for(let i=0; i < chatText.length; i++) {
chatText[i].style.color = changeChatColor.value;
}
modSettings.chatTextColor = changeChatColor.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
});
});
this.settingsShown = true;
} else {
document.querySelector(".chatSettingsDiv").remove();
this.settingsShown = false;
}
}
init() {
const chatBlock = document.getElementById("chat_block");
const showChat = document.getElementById("showChat");
//style
const styleTag = document.createElement("style")
styleTag.innerHTML = this.style;
document.head.append(styleTag)
setTimeout(() => {
this.Username = uData.fullName || document.getElementById("nick").value || "User";
this.id = uData.id || "";
}, 1500)
this.ws.onopen = () => {
setTimeout(() => {
this.sendLog(`${this.Username} connected to Client.`);
this.sendData("auth", this.id)
}, 1600)
};
this.ws.onmessage = (event) => {
const message = event.data;
this.handleWSMessage(message);
};
setTimeout(() => {
const changeBg = document.getElementById("changeChatBg");
const changeChatColor = document.getElementById("changeChatColor");
this.switchChat();
this.chatOptions();
const clientChat = document.getElementById("client-chat");
if (localStorage.getItem("SigmodSettings")) {
const modSettings = JSON.parse(localStorage.getItem("SigmodSettings"));
if (modSettings.tag) {
console.log(modSettings.tag);
this.currentTag = modSettings.tag;
document.getElementById("tag").value = this.currentTag;
document.getElementById("client-chat-title").innerText = `SigMod Client Chat | Tag: ${this.currentTag}`;
}
if(!modSettings.showClientChat) {
chatBlock.style.display = "block";
clientChat.style.display = "none";
if(showChat.checked) showChat.click();
} else {
chatBlock.style.display = "none";
clientChat.style.display = "flex";
if(!showChat.checked) showChat.click();
}
if(changeBg || changeChatColor) {
changeBg.value = modSettings.chatBGcolor;
changeChatColor.value = modSettings.chatTextColor;
}
const clientChatDivs = document.getElementsByClassName("client_chat_div");
for (let i = 0; i < clientChatDivs.length; i++) {
const rgbaColor = hexToRGBA(modSettings.chatBGcolor, 0.4);
clientChatDivs[i].style.backgroundColor = rgbaColor;
}
const chatText = document.getElementsByClassName("chatText");
for(let i=0; i < chatText.length; i++) {
chatText[i].style.color = modSettings.chatTextColor;
}
}
});
this.createTagElement();
this.createClientChat();
}
}
new Client();
function keypress(key, keycode) {
const keyDownEvent = new KeyboardEvent("keydown", { key: key, code: keycode });
const keyUpEvent = new KeyboardEvent("keyup", { key: key, code: keycode });
window.dispatchEvent(keyDownEvent);
window.dispatchEvent(keyUpEvent);
}
function mod() {
this.welcomeUser = document.createElement("span");
this.splitKey = {
keyCode: 32,
code: "Space",
cancelable: true,
composed: true,
isTrusted: true,
which: 32,
}
this.createMenu();
}
mod.prototype = {
respawnTime: Date.now(),
respawnCooldown: 1000,
move(cx, cy) {
const mouseMoveEvent = new MouseEvent("mousemove", { clientX: cx, clientY: cy });
const canvas = document.querySelector("canvas");
canvas.dispatchEvent(mouseMoveEvent);
},
center(sx, sy) {
const mouseMoveEvent = new MouseEvent("mousemove", { clientX: sx, clientY: sy });
const canvas = document.getElementById("canvas");
canvas.dispatchEvent(mouseMoveEvent);
},
getColors() {
const mapColor = document.getElementById("mapColor");
const mapImage = document.getElementById("mapImage");
const originalFillRect = CanvasRenderingContext2D.prototype.fillRect;
function ChangeMapColor() {
CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
if ((width + height) / 2 === (window.innerWidth + window.innerHeight) / 2) {
this.fillStyle = mapColor.value;
}
originalFillRect.apply(this, arguments);
};
modSettings.mapColor = mapColor.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
}
mapColor.addEventListener("input", ChangeMapColor);
function ChangeMapImage() {
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const img = new Image();
let pattern;
img.onload = function () {
const tempCanvas = document.createElement("canvas");
const tempCtx = tempCanvas.getContext("2d");
tempCanvas.width = img.width;
tempCanvas.height = img.height;
tempCtx.drawImage(img, 0, 0);
pattern = ctx.createPattern(tempCanvas, "repeat");
fillCanvas();
};
function fillCanvas() {
const fillRect = CanvasRenderingContext2D.prototype.fillRect;
CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
this.fillStyle = pattern;
fillRect.apply(this, arguments);
};
ctx.fillRect(0, 0, canvas.width, canvas.height);
}
img.src = mapImage.value;
modSettings.mapImageURL = mapImage.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
}
document.getElementById("setMapImage").addEventListener("click", () => {
if(mapImage.value == "") return
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const img = new Image();
let pattern;
img.onload = function() {
const tempCanvas = document.createElement("canvas");
const tempCtx = tempCanvas.getContext("2d");
tempCanvas.width = img.width;
tempCanvas.height = img.height;
tempCtx.drawImage(img, 0, 0);
pattern = ctx.createPattern(tempCanvas, "repeat");
fillCanvas();
};
function fillCanvas() {
const fillRect = CanvasRenderingContext2D.prototype.fillRect;
CanvasRenderingContext2D.prototype.fillRect = function(x, y, width, height) {
this.fillStyle = pattern;
fillRect.apply(this, arguments);
};
ctx.fillRect(0, 0, canvas.width, canvas.height);
}
img.src = mapImage.value;
modSettings.mapImageURL = mapImage.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
});
const mapColorReset = document.getElementById("mapColorReset");
mapColorReset.addEventListener("click", () => {
modSettings.mapColor = null;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
const mapColor = document.getElementById("mapColor");
mapColor.value = "";
});
const removeButton = document.getElementById("removeMapImage");
removeButton.addEventListener("click", () => {
if (mapImage.value == "" || modSettings.mapImageURL === "") return;
if (confirm("You need to reload the page to remove the background image. Reload?")) {
modSettings.mapImageURL = "";
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
location.reload();
}
});
if (localStorage.getItem("SigmodSettings")) {
function ChangeMapColor() {
CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
if ((width + height) / 2 === (window.innerWidth + window.innerHeight) / 2) {
this.fillStyle = modSettings.mapColor;
}
originalFillRect.apply(this, arguments);
};
}
ChangeMapColor();
function ChangeMapImage() {
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const img = new Image();
let pattern;
img.onload = function () {
const tempCanvas = document.createElement("canvas");
const tempCtx = tempCanvas.getContext("2d");
tempCanvas.width = img.width;
tempCanvas.height = img.height;
tempCtx.drawImage(img, 0, 0);
pattern = ctx.createPattern(tempCanvas, "repeat");
fillCanvas();
};
function fillCanvas() {
const fillRect = CanvasRenderingContext2D.prototype.fillRect;
CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
this.fillStyle = pattern;
fillRect.apply(this, arguments);
};
ctx.fillRect(0, 0, canvas.width, canvas.height);
}
img.src = modSettings.mapImageURL;
}
mapImage.value = modSettings.mapImageURL;
ChangeMapImage();
}
},
setColors() {
// - NAME - //
const nameColorValue = document.getElementById("nameColor");
const fillText = CanvasRenderingContext2D.prototype.fillText;
nameColorValue.addEventListener("input", () => {
CanvasRenderingContext2D.prototype.fillText = function(text, x, y) {
if (text === document.getElementById("nick").value && this.playerId == this.playerId) {
const width = this.measureText(text).width;
this.fillStyle = nameColorValue.value;
}
return fillText.apply(this, arguments);
};
modSettings.nameColor = nameColorValue.value
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings))
})
if (localStorage.getItem("SigmodSettings")) {
const nameColor = document.getElementById("nameColor");
CanvasRenderingContext2D.prototype.fillText = function(text, x, y) {
if (text === document.getElementById("nick").value) {
const width = this.measureText(text).width;
this.fillStyle = modSettings.nameColor;
}
return fillText.apply(this, arguments);
};
nameColor.value = modSettings.nameColor;
}
const nameColorReset = document.getElementById("nameColorReset");
nameColorReset.addEventListener("click", () => {
CanvasRenderingContext2D.prototype.fillText = function(text, x, y) {
if (text === document.getElementById("nick").value) {
const width = this.measureText(text).width;
const fontSize = 8;
this.fillStyle = "#ffffff";
}
return fillText.apply(this, arguments);
};
nameColorValue.value = "#ffffff"
modSettings.nameColor = null;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings))
});
if(modSettings.nameColor == null) nameColorValue.value = "#ffffff";
// - BORDER - //
const borderColorinput = document.getElementById("borderColor");
const borderColorReset = document.getElementById("borderColorReset");
const moveTo = CanvasRenderingContext2D.prototype.moveTo;
borderColorinput.addEventListener("input", () => {
CanvasRenderingContext2D.prototype.moveTo = function(x, y) {
this.strokeStyle = borderColorinput.value;
return moveTo.apply(this, arguments)
}
modSettings.borderColor = borderColorinput.value;
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings))
})
borderColorReset.addEventListener("click", () => {
CanvasRenderingContext2D.prototype.moveTo = function(x, y) {
this.strokeStyle = ""
return moveTo.apply(this, arguments)
}
modSettings.borderColor = "";
localStorage.setItem("SigmodSettings", JSON.stringify(modSettings));
})
if(modSettings.borderColor !== null) {
CanvasRenderingContext2D.prototype.moveTo = function(x, y) {
this.strokeStyle = modSettings.borderColor;
return moveTo.apply(this, arguments)
}
}
},
menu() {
let Tab1;
let Tab2;
let Tab3;
let Tab4;
let Tab5;
const welcomeuser = this.welcomeUser;
const ModSettings = document.createElement("div");
const KeyBindings = document.createElement("div");
function openTab(tab) {
let tabSelected = document.getElementById(tab);
let allTabs = document.getElementsByClassName("tab");
for (let i = 0; i < allTabs.length; i++) {
allTabs[i].style.display = "none";
}
tabSelected.style.display = "flex";
}
const settings = document.querySelector("#cm_modal__settings > .ctrl-modal__overlay > .ctrl-modal__modal");
const DefaultSettings = document.querySelector("#settings > .checkbox-grid");
const settingsTitle = settings.querySelector(".ctrl-modal__header > .ctrl-modal__title");
settingsTitle.innerHTML = '
SigMod Settings';
settingsTitle.style.textAlign = "left";
settings.setAttribute("id", "sig-mod-settings");
const settingsHeader = settings.querySelector(".ctrl-modal__header");
const menuTabs = document.createElement("div");
menuTabs.classList.add("tabs_navigation");
menuTabs.innerHTML = `
`;
settingsHeader.insertAdjacentElement("afterend", menuTabs);
const gameSettings = document.querySelector("#settings");
const defaultSettingsTitle = document.createElement("span");
defaultSettingsTitle.textContent = "Basic Settings";
defaultSettingsTitle.classList.add("text", "settingsTitle");
gameSettings.insertAdjacentElement("afterbegin", defaultSettingsTitle);
welcomeuser.textContent = `Welcome Guest, to SigMod!`;
welcomeuser.classList.add("text");
welcomeuser.style = "margin: 10px 0; text-align: center; font-size: 16px;";
const bsettings = document.querySelector("#sig-mod-settings > .ctrl-modal__content > .menu__item");
bsettings.classList.add("tab")
bsettings.style = "display: flex; flex-direction: column; margin: 0";
bsettings.insertAdjacentElement("afterbegin", welcomeuser);
Tab1 = bsettings;
Tab1.setAttribute("id", "Tab1")
Tab2 = document.createElement("div");
Tab2.classList.add("centerX");
Tab2.innerHTML = `
SigMod V4 | Cursed YT | Official Sigmally YT
`; Tab5.classList.add("tab", "hidden"); Tab5.setAttribute("id", "Tab5"); document.getElementById("modHome").addEventListener("click", () => { openTab("Tab1"); }); document.getElementById("GameOptions").addEventListener("click", () => { openTab("Tab2"); }); document.getElementById("NameOptions").addEventListener("click", () => { openTab("Tab3"); }); document.getElementById("modThemes").addEventListener("click", () => { openTab("Tab4"); }); document.getElementById("modInfo").addEventListener("click", () => { openTab("Tab5"); }); const tabContent = document.querySelector("#sig-mod-settings > .ctrl-modal__content"); tabContent.append(Tab2) tabContent.append(Tab3) tabContent.append(Tab4) tabContent.append(Tab5) KeyBindings.classList.add("modKeybindings") KeyBindings.innerHTML = ` KeyBindings `; bsettings.append(ModSettings); ModSettings.append(gameSettings) ModSettings.append(KeyBindings); ModSettings.classList.add("ModSettings") document.querySelector("#cm_close__settings svg").setAttribute("width", "22") document.querySelector("#cm_close__settings svg").setAttribute("height", "24") }, Themes() { const elements = [ "#menu", ".top-users__inner", "#left-menu", ".menu-links", ".menu--stats-mode", "#js-skin-select-icon-text", "#nick", "#tag", "#gamemode", "#option_0", "#option_1", "#option_2", "#signInBtn", "#cm_modal__settings > .ctrl-modal__overlay > .ctrl-modal__modal" ]; const b_inner = document.querySelector(".body__inner"); let bodyColorElements = b_inner.querySelectorAll( ".body__inner > :not(.body__inner), #s-skin-select-icon-text" ); const toggleColor = (element, background, text) => { let image = `url("${background}")`; if (background.includes("http")) { element.style.background = image; element.style.backgroundPosition = "center"; element.style.backgroundSize = "cover"; } else { element.style.background = background; } element.style.color = text; }; const openSVG = document.querySelector("#clans_and_settings > Button > svg"); const openSVGPath = document.querySelector("#clans_and_settings > Button > svg > path"); const newPath = openSVG.setAttribute("fill", "#fff") const closeSVGPath = document.querySelector("#cm_close__settings > svg > path"); openSVG.setAttribute("width", "36") openSVG.setAttribute("height", "36") const toggleTheme = (theme) => { if (theme.text === "#FFFFFF") { openSVGPath.setAttribute("fill", "#fff") closeSVGPath.setAttribute("stroke", "#fff") } else { closeSVGPath.setAttribute("stroke", "#222"); openSVG.setAttribute("fill", "#222"); } const backgroundColor = theme.background; const textColor = theme.text; elements.forEach((element) => { const el = document.querySelector(element); toggleColor(el, backgroundColor, textColor); }); bodyColorElements.forEach((element) => { element.style.color = textColor; }); modSettings.Theme = theme.name; localStorage.setItem("SigmodSettings", JSON.stringify(modSettings)); }; const themes = { defaults: [ { name: "Dark", background: "#151515", text: "#FFFFFF" }, { name: "White", background: "#ffffff", text: "#000000" }, ], orderly: [ { name: "THC", background: "linear-gradient(160deg, #9BEC7A, #117500)", text: "#000000" }, { name: "4 AM", background: "linear-gradient(160deg, #8B0AE1, #111)", text: "#FFFFFF" }, { name: "OTO", background: "linear-gradient(160deg, #A20000, #050505)", text: "#FFFFFF" }, { name: "Gaming", background: "https://i.ibb.co/DwKkQfh/BG-1-lower-quality.jpg", text: "#FFFFFF" }, { name: "Shapes", background: "https://i.ibb.co/h8TmVyM/BG-2.png", text: "#FFFFFF" }, { name: "Blue", background: "https://i.ibb.co/9yQBfWj/BG-3.png", text: "#FFFFFF" }, { name: "Blue - 2", background: "https://i.ibb.co/7RJvNCX/BG-4.png", text: "#FFFFFF" }, { name: "Purple", background: "https://i.ibb.co/vxY15Tv/BG-5.png", text: "#FFFFFF" }, { name: "Orange Blue", background: "https://i.ibb.co/99nfFBN/BG-6.png", text: "#FFFFFF" }, { name: "Gradient", background: "https://i.ibb.co/hWMLwLS/BG-7.png", text: "#FFFFFF" }, { name: "Sky", background: "https://i.ibb.co/P4XqDFw/BG-9.png", text: "#000000" }, { name: "Sunset", background: "https://i.ibb.co/0BVbYHC/BG-10.png", text: "#FFFFFF" }, { name: "Galaxy", background: "https://i.ibb.co/MsssDKP/Galaxy.png", text: "#FFFFFF" }, { name: "Planet", background: "https://i.ibb.co/KLqWM32/Planet.png", text: "#FFFFFF" }, { name: "colorful", background: "https://i.ibb.co/VqtB3TX/colorful.png", text: "#FFFFFF" }, { name: "Sunset - 2", background: "https://i.ibb.co/TLp2nvv/Sunset.png", text: "#FFFFFF" }, { name: "Epic", background: "https://i.ibb.co/kcv4tvn/Epic.png", text: "#FFFFFF" }, { name: "Galaxy - 2", background: "https://i.ibb.co/smRs6V0/galaxy.png", text: "#FFFFFF" }, { name: "Cloudy", background: "https://i.ibb.co/MCW7Bcd/cloudy.png", text: "#000000" }, ] }; function createThemeCard(theme) { const themeCard = document.createElement("div"); themeCard.classList.add("theme"); let themeBG; if (theme.background.includes("http")) { themeBG = `background: url(${theme.background})`; } else { themeBG = `background: ${theme.background}`; } themeCard.innerHTML = `