Educational GUI template for aimbot/wallbang/fly/FOV control in buildnow.gg, with custom background and '/' hotkey toggle
Size
8.0 KB
Version
1.1
Created
Mar 15, 2026
Updated
6 days ago
1// ==UserScript==
2// @name BuildNowGG Aimbot GUI (Educational Template) with Custom BG & Hotkey
3// @namespace http://tampermonkey.net/
4// @version 1.1
5// @description Educational GUI template for aimbot/wallbang/fly/FOV control in buildnow.gg, with custom background and '/' hotkey toggle
6// @author 16saiph (w/ permission from game owner)
7// @match https://buildnow.gg/*
8// @grant none
9// @downloadURL https://update.greasyfork.org/scripts/549750/BuildNowGG%20Aimbot%20GUI%20%28Educational%20Template%29%20with%20Custom%20BG%20%20Hotkey.user.js
10// @updateURL https://update.greasyfork.org/scripts/549750/BuildNowGG%20Aimbot%20GUI%20%28Educational%20Template%29%20with%20Custom%20BG%20%20Hotkey.meta.js
11// ==/UserScript==
12
13(function() {
14 'use strict';
15
16 // Base64 of the provided image (cropped to the visible area, excluding the blurred face)
17 // For demo, using the full image with the blurred part as provided.
18 // Replace {BASE64_IMG} with actual data URL if you want to use a local version.
19 const imgUrl = 'https://images.githubusercontent.com/placeholder-for-your-image.jpg'; // <= Replace this with your own hosted image or dataURL
20
21 // Styles for GUI
22 const style = document.createElement('style');
23 style.textContent = `
24 #aimbot-gui-container {
25 position: fixed;
26 top: 80px;
27 left: 20px;
28 z-index: 9999;
29 background: url('${imgUrl}') center/cover, #23272a;
30 color: #fff;
31 padding: 16px 20px;
32 border-radius: 10px;
33 min-width: 260px;
34 font-family: 'Segoe UI', Arial, sans-serif;
35 box-shadow: 0 7px 32px #0008;
36 transition: opacity 0.3s, top 0.3s;
37 opacity: 1;
38 display: block;
39 }
40 #aimbot-gui-container.aimbot-gui-hidden {
41 opacity: 0;
42 pointer-events: none;
43 }
44 #aimbot-gui-tabs {
45 display: flex;
46 gap: 6px;
47 margin-bottom: 10px;
48 }
49 .aimbot-gui-tab {
50 background: #2c2f33dd;
51 border: none;
52 color: #fff;
53 padding: 6px 16px;
54 border-radius: 6px 6px 0 0;
55 cursor: pointer;
56 font-size: 13px;
57 outline: none;
58 transition: background 0.2s;
59 }
60 .aimbot-gui-tab.active {
61 background: #7289daee;
62 color: #fff;
63 }
64 .aimbot-gui-panel {
65 display: none;
66 margin-top: 6px;
67 background: rgba(35,39,42,0.7);
68 padding: 6px 0;
69 border-radius: 6px;
70 }
71 .aimbot-gui-panel.active {
72 display: block;
73 }
74 .aimbot-gui-slider {
75 width: 100%;
76 }
77 .aimbot-gui-row {
78 margin-bottom: 10px;
79 }
80 #aimbot-gui-hide {
81 position: absolute;
82 right: 8px;
83 top: 8px;
84 background: #23272a99;
85 color: #fff;
86 border: none;
87 font-size: 15px;
88 cursor: pointer;
89 border-radius: 4px;
90 z-index: 2;
91 }
92 `;
93 document.head.appendChild(style);
94
95 // HTML Structure
96 const gui = document.createElement('div');
97 gui.id = 'aimbot-gui-container';
98 gui.innerHTML = `
99 <button id="aimbot-gui-hide">▼</button>
100 <div id="aimbot-gui-tabs">
101 <button class="aimbot-gui-tab active" data-tab="aimbot">Aimbot</button>
102 <button class="aimbot-gui-tab" data-tab="settings">Settings</button>
103 <button class="aimbot-gui-tab" data-tab="colour">Colour</button>
104 <button class="aimbot-gui-tab" data-tab="fly">Fly</button>
105 </div>
106 <div id="aimbot-gui-tab-panels">
107 <div class="aimbot-gui-panel active" data-panel="aimbot">
108 <div class="aimbot-gui-row">
109 <label><input type="checkbox" id="aimbot-enable"> Enable Aimbot</label>
110 </div>
111 <div class="aimbot-gui-row">
112 <label><input type="checkbox" id="wallbang-enable"> Enable Wallbang</label>
113 </div>
114 <div class="aimbot-gui-row">
115 <label><input type="checkbox" id="fov-show"> Show FOV</label>
116 </div>
117 <div class="aimbot-gui-row">
118 <label for="fov-size">FOV Size:</label>
119 <input type="range" min="10" max="300" value="90" id="fov-size" class="aimbot-gui-slider">
120 <span id="fov-size-value">90</span>
121 </div>
122 </div>
123 <div class="aimbot-gui-panel" data-panel="settings">
124 <div class="aimbot-gui-row">
125 <label>Sensitivity: <input type="range" min="1" max="10" value="5" id="sens-slider"></label>
126 </div>
127 <div class="aimbot-gui-row">
128 <label>Keybinds (N/A):</label>
129 </div>
130 </div>
131 <div class="aimbot-gui-panel" data-panel="colour">
132 <div class="aimbot-gui-row">
133 <label for="fov-colour">FOV Colour:</label>
134 <input type="color" id="fov-colour" value="#00ff00">
135 </div>
136 <div class="aimbot-gui-row">
137 <label for="aimbot-colour">Aimbot ESP Colour:</label>
138 <input type="color" id="aimbot-colour" value="#ff0000">
139 </div>
140 </div>
141 <div class="aimbot-gui-panel" data-panel="fly">
142 <div class="aimbot-gui-row">
143 <label><input type="checkbox" id="fly-enable"> Enable Fly Mode</label>
144 </div>
145 <div class="aimbot-gui-row">
146 <label for="fly-speed">Fly Speed:</label>
147 <input type="range" min="1" max="20" value="5" id="fly-speed" class="aimbot-gui-slider">
148 <span id="fly-speed-value">5</span>
149 </div>
150 </div>
151 </div>
152 `;
153 document.body.appendChild(gui);
154
155 // Tab switching logic
156 document.querySelectorAll('.aimbot-gui-tab').forEach(tab => {
157 tab.addEventListener('click', function() {
158 document.querySelectorAll('.aimbot-gui-tab').forEach(t => t.classList.remove('active'));
159 document.querySelectorAll('.aimbot-gui-panel').forEach(p => p.classList.remove('active'));
160 tab.classList.add('active');
161 document.querySelector(`.aimbot-gui-panel[data-panel="${tab.dataset.tab}"]`).classList.add('active');
162 });
163 });
164
165 // Hide GUI (slide down/up)
166 let guiVisible = true;
167 document.getElementById('aimbot-gui-hide').onclick = function() {
168 if(guiVisible) {
169 gui.style.top = "calc(100% - 40px)";
170 this.textContent = "▲";
171 } else {
172 gui.style.top = "80px";
173 this.textContent = "▼";
174 }
175 guiVisible = !guiVisible;
176 };
177
178 // Hotkey '/' to toggle GUI open/close
179 document.addEventListener('keydown', function(e) {
180 // Avoid if typing in input or textarea
181 if (['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)) return;
182 if (e.key === '/') {
183 gui.classList.toggle('aimbot-gui-hidden');
184 }
185 });
186
187 // Live update for FOV Size & Fly Speed
188 document.getElementById('fov-size').oninput = function() {
189 document.getElementById('fov-size-value').textContent = this.value;
190 };
191 document.getElementById('fly-speed').oninput = function() {
192 document.getElementById('fly-speed-value').textContent = this.value;
193 };
194
195 // --- DUMMY FEATURE IMPLEMENTATION (for education only!) ---
196 document.getElementById('aimbot-enable').onchange = function() {
197 alert("Aimbot logic would be enabled/disabled here (not implemented for safety).");
198 };
199 document.getElementById('wallbang-enable').onchange = function() {
200 alert("Wallbang logic would be enabled/disabled here (not implemented for safety).");
201 };
202 document.getElementById('fly-enable').onchange = function() {
203 alert("Fly mode logic would be enabled/disabled here (not implemented for safety).");
204 };
205 document.getElementById('fov-show').onchange = function() {
206 alert("FOV circle would be drawn/removed here (not implemented for safety).");
207 };
208
209})();