☰

Brune Remod

A remodifier to remodify the Bloxd.io home screen and cursur. Use of some of Nexus Client code is there, and Blueify's Keystrokes!

目前为 2024-01-18 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Brune Remod
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  A remodifier to remodify the Bloxd.io home screen and cursur. Use of some of Nexus Client code is there, and Blueify's Keystrokes!
  6. // @author       Brune, ChatGPT, Blueify and NexusClient
  7. // @match        https://bloxd.io/
  8. // @icon         https://i.imgur.com/xXCBWbO.png
  9. // @grant        GM_addStyle
  10. // @license      MIT
  11. // ==/UserScript==
  12. //Liecense = "https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1"
  13. //Brune Bloxd.io Remodification © 2023 by BruneGaming is licensed under CC BY-NC-SA 4.0
  14.  
  15. // Draggable Keystrokes (partly Blueify Code)
  16. (function() {
  17.     'use strict';
  18.  
  19.     let keystrokescontainer;
  20.     keystrokescontainer = document.createElement("div");
  21.     keystrokescontainer.style.zIndex = "10000";
  22.     keystrokescontainer.style.width = "300px";
  23.     keystrokescontainer.style.height = "170px";
  24.     keystrokescontainer.style.transform = "translate(-50%, -50%)";
  25.     keystrokescontainer.style.backgroundColor = "transparent"; // Remove the black background
  26.     keystrokescontainer.style.top = "50%";
  27.     keystrokescontainer.style.position = "fixed";
  28.     keystrokescontainer.style.left = "50%";
  29.     keystrokescontainer.style.opacity = "70%";
  30.     document.body.appendChild(keystrokescontainer);
  31.  
  32.     let isDragging = false;
  33.     let offsetX = 0;
  34.     let offsetY = 0;
  35.  
  36.     keystrokescontainer.addEventListener('mousedown', function(event) {
  37.         if (event.target.nodeName !== 'INPUT') {
  38.             isDragging = true;
  39.             offsetX = event.clientX;
  40.             offsetY = event.clientY;
  41.         }
  42.     });
  43.  
  44.     document.addEventListener('mousemove', function(event) {
  45.         if (isDragging) {
  46.             const left = event.clientX;
  47.             const top = event.clientY;
  48.  
  49.             keystrokescontainer.style.left = left + "px";
  50.             keystrokescontainer.style.top = top + "px";
  51.         }
  52.     });
  53.  
  54.     document.addEventListener('mouseup', function() {
  55.         isDragging = false;
  56.     });
  57.  
  58.  
  59.  
  60.  
  61.     // Function to create a keystroke element with common styles (this is me and ChatGPT!)
  62.     function createKeystrokeElement(text, top, left, width, height) {
  63.         let keystroke = document.createElement('div');
  64.         keystroke.style.position = "fixed";
  65.         keystroke.style.color = "#ffffff";
  66.         keystroke.textContent = text;
  67.         keystroke.style.top = top;
  68.         keystroke.style.left = left;
  69.         keystroke.style.transform = "translate(-50%, -50%)"; // Same thing as center
  70.         keystroke.style.zIndex = "10000";
  71.         keystroke.style.fontWeight = "bold";
  72.         keystroke.style.borderRadius = "10px";
  73.         keystroke.style.backgroundColor = "#66ccff";
  74.         keystroke.style.fontSize = "20px";    // How big the Keystroke Letters are. Change the number for the size.
  75.         keystroke.style.height = height;
  76.         keystroke.style.width = width;
  77.         keystroke.style.textAlign = "center";   // This centres it when it starts and then u can drag to ur place
  78.         keystroke.style.lineHeight = height;
  79.  
  80.         return keystroke;
  81.     }
  82.  
  83.     let wkey = createKeystrokeElement("W", "5px", "50%", "50px", "50px");   // W = Text inside the Keystroke, 5px = the hight it is from the vertical centre line, 50% is middle of page, 50px, 50px are length and width
  84.     let skey = createKeystrokeElement("S", "60px", "50%", "50px", "50px");
  85.     let akey = createKeystrokeElement("A", "60px", "31.5%", "50px", "50px");
  86.     let dkey = createKeystrokeElement("D", "60px", "68.5%", "50px", "50px");
  87.  
  88.     let spaceKey = createKeystrokeElement("SPACE", "115px", "50%", "160px", "50px");
  89.     let shiftKey = createKeystrokeElement("Shift", "115px", "9%", "75px", "50px");
  90.     let lmb = createKeystrokeElement("LMB", "60px", "91%", "75px", "50px");
  91.     let rmb = createKeystrokeElement("RMB", "115px", "91%", "75px", "50px");
  92.  
  93.     let ckey = createKeystrokeElement("C", "60px", "9%", "75px", "50px");
  94.  
  95.  
  96.  
  97.  
  98.     // Add the elements to the body and the clientMainMenu
  99.     keystrokescontainer.appendChild(wkey);
  100.     keystrokescontainer.appendChild(skey);
  101.     keystrokescontainer.appendChild(akey);
  102.     keystrokescontainer.appendChild(dkey);
  103.     keystrokescontainer.appendChild(shiftKey);
  104.     keystrokescontainer.appendChild(spaceKey);
  105.     keystrokescontainer.appendChild(lmb);
  106.     keystrokescontainer.appendChild(rmb);
  107.     keystrokescontainer.appendChild(ckey);   // these links all of these to the main module so they can be seen
  108.  
  109.  
  110.     document.addEventListener('keydown', function(event) {  // this part of the code checks if you click the button
  111.         if (event.key === 'w' || event.key === 'W') {  // || means "or"
  112.             wkey.style.backgroundColor = "#3366ff";
  113.         }
  114.         if (event.key === 's' || event.key === 'S') {
  115.             skey.style.backgroundColor = "#3366ff";
  116.         }
  117.         if (event.key === 'a' || event.key === 'A') {
  118.             akey.style.backgroundColor = "#3366ff";
  119.         }
  120.         if (event.key === 'd' || event.key === 'D') {
  121.             dkey.style.backgroundColor = "#3366ff";
  122.         }
  123.         if (event.key === 'c' || event.key === 'C') {
  124.             ckey.style.backgroundColor = "#3366ff";
  125.         }
  126.         if (event.key === ' ') { // Check for Space Bar key
  127.             spaceKey.style.backgroundColor = "#3366ff";
  128.         }
  129.         if (event.key === 'Shift') {
  130.             shiftKey.style.backgroundColor = "#3366ff";
  131.         }
  132.     });
  133.  
  134.     document.addEventListener('keyup', function(eventa) {
  135.         if (eventa.key === 'w' || eventa.key === 'W') {
  136.             wkey.style.backgroundColor = "#66ccff";
  137.         }
  138.         if (eventa.key === 's' || eventa.key === 'S') {
  139.             skey.style.backgroundColor = "#66ccff";
  140.         }
  141.         if (eventa.key === 'a' || eventa.key === 'A') {
  142.             akey.style.backgroundColor = "#66ccff";
  143.         }
  144.         if (eventa.key === 'd' || eventa.key === 'D') {
  145.             dkey.style.backgroundColor = "#66ccff";
  146.         }
  147.         if (eventa.key === 'c' || eventa.key === 'C') {
  148.             ckey.style.backgroundColor = "#66ccff";
  149.         }
  150.         if (eventa.key === ' ') { // Check for Space Bar key
  151.             spaceKey.style.backgroundColor = "#66ccff";
  152.         }
  153.         if (eventa.key === 'Shift') {
  154.             shiftKey.style.backgroundColor = "#66ccff";
  155.         }
  156.     });
  157.  
  158.     document.addEventListener('mousedown', function(event) {
  159.         if (event.button === 0) {
  160.             lmb.style.backgroundColor = "#3366ff"; //if u want the change the color when it is clicked do it here
  161.         }
  162.         if (event.button === 2) {
  163.             rmb.style.backgroundColor = "#3366ff";
  164.         }
  165.     });
  166.  
  167.     document.addEventListener('mouseup', function(event) { //if u want to change how it is when its not clicked, changed the backgroundColor
  168.         if (event.button === 0) {
  169.             lmb.style.backgroundColor = "#66ccff";
  170.         }
  171.         if (event.button === 2) {
  172.             rmb.style.backgroundColor = "#66ccff";
  173.         }
  174.     });
  175. })();
  176.  
  177.  
  178.  
  179. setInterval(function() {
  180.     'use strict';
  181.     document.icon = "https://i.imgur.com/xXCBWbO.png" // Background Image
  182.     document.title = "Brune.io"; // Website Title
  183.     const maintext = document.querySelector('.Title.FullyFancyText'); //font
  184.     maintext.style.fontFamily = "Reglisse-Fill, serif";
  185.         maintext.style.textShadow = "none";
  186.     maintext.style.webkitTextStroke = "none";
  187.  
  188.         document.querySelector('.Title.FullyFancyText').textContent = "⚔Brune⚔"; //bloxd.io text is here... i change it to brune u can change to anything else
  189.     let background = document.getElementsByClassName("Background");
  190.     background[0].src = "https://i.imgur.com/1jkeEFi.png";
  191.     let names = document.getElementsByClassName("AvailableGameText");
  192.     let imgs = document.getElementsByClassName("AvailableGameImg")
  193.     let imgedits = document.getElementsByClassName("AvailableGame");
  194. (function() {
  195.     'use strict';
  196.     const fontLink = document.createElement('link');
  197.     fontLink.href = 'https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap';
  198.     fontLink.rel = 'stylesheet';
  199.  
  200. })
  201.  
  202. // Crosshair
  203.     setInterval(function() {
  204.     const crosshair = document.querySelector(".CrossHair");
  205.     if (crosshair) {
  206.         crosshair.textContent = "⚔";  //crosshair
  207.         crosshair.style.width = "30px";
  208.         crosshair.style.height = "30px";
  209.     }
  210. }, 1000);
  211.  
  212.  
  213. document.querySelectorAll('.AvailableGame').forEach(item => {
  214.     item.style.border = "none";
  215. })
  216.  
  217.     //gamemodes and their pictures
  218.  
  219.     //survival
  220.     names[0].textContent = "Survival";
  221.     names[0].style.textShadow = "none";
  222.     imgs[0].src = "https://i.imgur.com/c1NJi4C.png";
  223.  
  224.     //peaceful
  225.     names[1].textContent = "Peaceful";
  226.     names[1].style.textShadow = "none";
  227.     imgs[1].src = "https://i.imgur.com/xtOIet6.png";
  228.  
  229.     //creative
  230.     names[2].textContent = "Creative";
  231.     names[2].style.textShadow = "none";
  232.     imgs[2].src = "https://i.imgur.com/BQEsCog.png";
  233.  
  234.     //bedwars 4v4
  235.     names[3].textContent = "Bedwars 4v4";
  236.     names[3].style.textShadow = "none";
  237.     imgs[3].src = "https://i.imgur.com/TaF7UmB.png";
  238.  
  239.     //bedwars 2v2
  240.     names[4].textContent = "Bedwars Duo";
  241.     names[4].style.textShadow = "none";
  242.     imgs[4].src = "https://i.imgur.com/5ROcc1x.png";
  243.  
  244.     //Skywars
  245.     names[5].textContent = "Skywars";
  246.     names[5].style.textShadow = "none";
  247.     imgs[5].src = "https://i.imgur.com/aXstUVN.png";
  248.  
  249.     //Oneblock
  250.     names[6].textContent = "OneBlock";
  251.     names[6].style.textShadow = "none";
  252.     imgs[6].src = "https://i.imgur.com/YQsbnFc.png";
  253.  
  254.     //Greenville
  255.     names[7].textContent = "BrookHaven";
  256.     names[7].style.textShadow = "none";
  257.     imgs[7].src = "https://i.imgur.com/heFKXJ6.png";
  258.  
  259.     //Cubewarfare
  260.     names[8].textContent = "PixelWarfare";
  261.     names[8].style.textShadow = "none";
  262.     imgs[8].src = "https://i.imgur.com/Gpm1cvW.png";
  263.  
  264.     //EvilTower
  265.     names[9].textContent = "Tower of Evil";
  266.     names[9].style.textShadow = "none";
  267.     imgs[9].src = "https://i.imgur.com/hjUAKVI.png";
  268.  
  269.     //DoodleCube
  270.     names[10].textContent = "Doodle";
  271.     names[10].style.textShadow = "none";
  272.     imgs[10].src = "https://i.imgur.com/MPRY80l.png";
  273.  
  274.     //BloxdHop
  275.     names[11].textContent = "Parkour";
  276.     names[11].style.textShadow = "none";
  277.     imgs[11].src = "https://i.imgur.com/UXVWqA5.png";
  278.  
  279.     //Hide n Seej
  280.     names[12].textContent = "Hide & Seek";
  281.     names[12].style.textShadow = "none";
  282.     imgs[12].src = "https://i.imgur.com/qzwM7Jv.png";
  283.  
  284.     //murder mystery
  285.     names[14].textContent = "Murder";
  286.     imgs[14].src = "https://i.imgur.com/syv3Txr.png";
  287.     names[14].style.textShadow = "none";
  288.  
  289.     //plots
  290.     names[15].textContent = "Plots";
  291.     imgs[15].src = "https://i.imgur.com/syv3Txr.png";
  292.     names[15].style.textShadow = "none";
  293.  
  294.     //prison
  295.     names[16].textContent = "Prison";
  296.     imgs[16].src = "https://i.imgur.com/syv3Txr.png";
  297.     names[16].style.textShadow = "none";
  298.  
  299.     //Worlds
  300.     names[17].textContent = "Worlds";
  301.     imgs[17].src = "https://i.imgur.com/syv3Txr.png";
  302.     names[17].style.textShadow = "none";
  303.  
  304.  
  305.  
  306.     // hotbar styles... change the colours by the first 3 values, 4th value is transparency
  307.         imgedits[0].style.border = "none";
  308. imgedits[0].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  309.        imgedits[1].style.border = "none";
  310.     imgedits[1].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  311.        imgedits[2].style.border = "none";
  312.     imgedits[2].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  313.        imgedits[3].style.border = "none";
  314.     imgedits[3].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  315.        imgedits[4].style.border = "none";
  316.     imgedits[4].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  317.        imgedits[5].style.border = "none";
  318.     imgedits[5].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  319.        imgedits[6].style.border = "none";
  320.     imgedits[6].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  321.        imgedits[7].style.border = "none";
  322.     imgedits[7].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  323.        imgedits[8].style.border = "none";
  324.     imgedits[8].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  325.        imgedits[9].style.border = "none";
  326.     imgedits[9].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  327.        imgedits[10].style.border = "none";
  328.     imgedits[10].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  329.        imgedits[11].style.border = "none";
  330.     imgedits[11].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  331.        imgedits[12].style.border = "none";
  332.     imgedits[12].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  333.        imgedits[13].style.border = "none";
  334.     imgedits[13].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  335.        imgedits[14].style.border = "none";
  336.     imgedits[14].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  337.            imgedits[15].style.border = "none";
  338.     imgedits[15].style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.3)";
  339.  
  340. },100);
  341.  
  342.  
  343. //Ad Blocker
  344. document.getElementsByClassName('partnersAndCredits SmallTextLight')[0].remove();
  345. document.getElementsByClassName('SmallTextLight')[0].remove();
  346. document.getElementsByClassName('AdContainer')[0].remove();
  347.  
  348.  
  349. // links / copyright
  350. (function() {
  351.     'use strict';
  352.     const fontLink = document.createElement('link');
  353.     fontLink.href = 'youtube.com/@brunegaming';
  354.     fontLink.rel = 'stylesheet';
  355.  
  356.     const text = document.createElement('div');
  357.     text.style.position = "fixed";
  358.     text.style.color = "#fff";
  359.     text.textContent = "@BruneGaming";
  360.     text.style.top = "1%";
  361.     text.style.left = "50%";;
  362.     text.style.zIndex = "10000";
  363.     text.style.fontWeight = "bold";
  364.     text.style.borderRadius = "25px";
  365.     text.style.fontSize = "15px";
  366.     text.style.height = "6vh";
  367.     text.style.display = "flex";
  368.     text.style.paddingTop = "0.1rem";
  369.     text.style.justifyContent = "center";
  370.     text.style.width = "10vw";
  371.     text.style.height = "5vh";
  372.     text.style.transform = "translateX(-50%)";
  373.     text.style.textAlign = "center";
  374.     text.style.lineHeight = "50px";
  375.     text.onclick = "opener()"
  376. text.style.boxShadow = "rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0) 0px 4px 6px, rgba(0, 0, 0, 0) 0px 12px 13px, rgba(0, 0, 0, 0) 0px -3px 5px";
  377. text.style.backgroundColor = "rgba(0,0,0,0";
  378. text.style.cursor = "pointer";
  379.  
  380.     document.head.appendChild(fontLink);
  381.     document.body.appendChild(text);
  382. })();
  383.  
  384. // Hotbar animation
  385. (function() {
  386.     'use strict';
  387.  
  388.     setInterval(function() {
  389.         const hotbarslots = document.querySelectorAll(".item");
  390.         const selectedslot = document.querySelectorAll(".SelectedItem");
  391.         if (hotbarslots) {
  392.             hotbarslots.forEach(function(hotbar) {
  393.                 hotbar.style.borderRadius = "8px";
  394.                 hotbar.style.borderColor = "#303a5900";
  395.                 hotbar.style.animation = "colorSwitch 10s infinite"; // Add animation
  396.                 hotbar.style.outline = "transparent";
  397.             });
  398.         }
  399.         if (selectedslot) {
  400.             selectedslot.forEach(function(slot) {
  401.                 slot.style.animation = "colorSwitch 10s infinite"; // Add animation
  402.                 slot.style.borderColor = "#b88c1a";
  403.                 slot.style.outline = "transparent";
  404.             });
  405.         }
  406.     }, 1);
  407. })();
  408.  
  409. // Add a style for the animation change these or add more keyframes for more colors or smoother aniamtion
  410. GM_addStyle(`
  411.     @keyframes colorSwitch {
  412.         0% {
  413.             background-color: white;
  414.         }
  415.         25% {
  416.             background-color: lightpurple; /* Add the actual color code for light purple */
  417.         }
  418.         50% {
  419.             background-color: orange;
  420.         }
  421.         75% {
  422.             background-color: purple;
  423.         }
  424.         100% {
  425.             background-color: white;
  426.         }
  427.     }
  428. `);
  429.  
  430. // Change cursor style to something unique - go away chatgpt :( but thx too lol
  431. GM_addStyle(`
  432.     body {
  433.         cursor: url('your-cool-cursor-image.png'), auto;
  434.     }
  435. `);
  436.  
  437. //CREDIT: BLUEIFY, NEXUSCLIENT, CHATGPT, ME (BUG FIXING LOL), AND YOU GUYS :)))))))))))))))))))))))))))))))))))))))000

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址