// ==UserScript==
// @name Bapev4 UI
// @namespace [Link]
// @version 0.1
// @description Inject Bapev4 cheat interface with game API integration
// @author You
// @match *://[Link]/* // Use the actual URL where Narrow One is
hosted
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// Inject HTML (same as your initial code)
const clientHTML = `
<div class="bapev4">
<ul class="tabs">
<li onclick="showCategory('visual')">Visual</li>
<li onclick="showCategory('combat')">Combat</li>
<li onclick="showCategory('blatant')">Blatant</li>
<li onclick="showCategory('extra')">Extra</li>
</ul>
<div class="category" id="visual">
<h2>Visual</h2>
<button type="button" id="bapev4-esp"
onclick="toggleButton(this)">ESP</button>
<button type="button" id="bapev4-xray" onclick="toggleButton(this)">X-
Ray</button>
<button id="destroymap">Destroy Map</button>
<button id="earthquake1">Earthquake(v1)</button>
<button id="earthquake2">Earthquake(v2)</button>
<button id="earthquake3">Earthquake(v3)</button>
<button id="scope">Scope-Zoom(Hold Right Click)</button>
<button id="tiltL">Tilt Map Left</button>
<button id="tiltR">Tilt Map Right</button>
<button id="Ghosts">GhostTown</button>
<input type="text" class="input-field" id="fov" value="1" placeholder="Enter
fov value..." max="10" min="1">
</div>
<div class="category" id="combat">
<h2>Combat</h2>
<button id="d14">Highlight Objects(keybind: M)</button>
<button id="speed1">Big-Hitbox</button>
<button type="button" id="bapev4-autoclick"
onclick="toggleButton(this)">Spam Fire</button>
<button type="button" id="bapev4-highjump"
onclick="toggleButton(this)">High Jump</button>
<button type="button" id="bapev4-speed"
onclick="toggleButton(this)">Speed</button>
</div>
<div class="category" id="blatant">
<h2>Blatant</h2>
<button type="button" id="bapev4-killaura"
onclick="toggleButton(this)">Silent-Aim(beta)</button>
<button type="button" id="bapev4-killall"
onclick="toggleButton(this)">KillAll</button>
<button type="button" id="bapev4-autoCollectFlag"
onclick="toggleButton(this)">AutoCollectFlag</button>
</div>
<div class="category" id="extra">
<h2>Extra</h2>
<button type="button" id="bapev4-funnychat"
onclick="toggleButton(this)">FunnyChat</button>
<button id="speed1">Speed up game(v3)</button>
<button id="speed2">Speed up game(v4)</button>
<button id="">Directional-Boost(Beta)</button>
<button id="">Infinite-Acceleration(Beta)</button>
<input type="text" class="input-field" id="aimOffset" value="1"
placeholder="Enter aim offset value..." max="20" min="-20">
</div>
</div>`;
// Inject HTML into the body of the page
[Link]('beforeend', clientHTML);
// Inject CSS (same as your initial code)
GM_addStyle(`
.bapev4 {
user-select:none;
padding: 10px;
box-sizing: border-box;
max-width: 362px;
position: absolute;
top: 13px;
left: 15px;
padding: 10px;
box-sizing: border-box;
background-color: #383d41;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
.tabs {
list-style: none;
padding: 0;
margin: 0;
display: flex;
background-color: #1a1d20;
border-radius: 8px 8px 0 0;
overflow: hidden;
.tabs li {
cursor: pointer;
padding: 15px;
color: white;
margin-right: 10px;
border: none;
transition: background-color 0.3s;
border-bottom: 2px solid #1a1d20;
.tabs li:hover {
background-color: #2a2d30;
.category {
display: none;
background-color: #2a2d30;
border-radius: 0 0 8px 8px;
padding: 20px;
.category h2 {
margin: 0;
color: #ffffff;
font-size: 24px;
margin-bottom: 15px;
.category button {
border: none;
background-color: gray;
color: #ffffff;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
width: 100%;
margin-bottom: 10px;
transition: background-color 0.3s;
border-radius: 5px;
.category button:hover {
background-color: #999;
transform:Scale(1.02);
.purple {
background-color: #800080 !important;
.bapev4 .input-fields {
margin:0 auto;
width: 100%;
outline: none;
border: 2px solid #333;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
background-color: gray;
color: white;
font-weight:700;
.bapev4 .input-fields::placeholder {
color:white;
.bapev4 .input-field:hover {
border-color: #666;
background-color: #999;
transform:Scale(1.02);
.bapev4 .input-field:focus {
outline: none;
border-color: #4caf50;
`);
// Add event listener for AutoCollectFlag
function autoCollectFlag() {
let playerPos = getPlayerPosition();
let flagPos = getFlagPosition();
let distance = calculateDistance(playerPos, flagPos);
const collectThreshold = 50;
if (distance < collectThreshold) {
collectFlag();
function getPlayerPosition() {
return { x: [Link](), y: [Link](), z:
[Link]() };
function getFlagPosition() {
return { x: [Link](), y: [Link](), z: [Link]() };
function collectFlag() {
[Link]("Flag collected!");
// Trigger game-specific event for flag collection
[Link]();
function calculateDistance(pos1, pos2) {
let dx = pos1.x - pos2.x;
let dy = pos1.y - pos2.y;
let dz = pos1.z - pos2.z;
return [Link](dx * dx + dy * dy + dz * dz);
setInterval(autoCollectFlag, 1000);
// Toggle button appearance
function toggleButton(button) {
[Link]("purple");
// Speed hack functionality (based on player speed)
let speedActive = false;
const normalSpeed = 1.0;
const speedMultiplier = 2.0;
function toggleSpeed() {
speedActive = !speedActive;
if (speedActive) {
setPlayerSpeed(speedMultiplier);
[Link]("Speed hack enabled!");
} else {
setPlayerSpeed(normalSpeed);
[Link]("Speed hack disabled!");
}
function setPlayerSpeed(multiplier) {
[Link](multiplier); // Replace with actual game API
// Add event listener for speed button
[Link]('bapev4-speed').addEventListener('click', function() {
toggleButton(this);
toggleSpeed();
});
})();
