Show HP%, FPS, CPS, Ping
// ==UserScript==
// @name Sploop.io Legit script
// @namespace http://tampermonkey.net/
// @version 0.2
// @description Show HP%, FPS, CPS, Ping
// @match *://sploop.io/*
// @icon https://i.postimg.cc/vBz07fcS/Screenshot-2025-08-28-090152.png
// @grant none
// @author normalplayer
// ==/UserScript==
(function() {
'use strict';
// ---------------- Better Health Bar ----------------
function lerpColor(a, b, amount) {
const ah = parseInt(a.replace(/#/g, ''), 16),
ar = ah >> 16, ag = (ah >> 8) & 0xff, ab = ah & 0xff;
const bh = parseInt(b.replace(/#/g, ''), 16),
br = bh >> 16, bg = (bh >> 8) & 0xff, bb = bh & 0xff;
const rr = ar + amount * (br - ar),
rg = ag + amount * (bg - ag),
rb = ab + amount * (bb - ab);
return '#' + (((1 << 24) + (rr << 16) + (rg << 8) + rb) | 0).toString(16).slice(1);
}
function drawHpText(ctx, text, xPos, yPos, color) {
ctx.save();
ctx.font = "20px 'Baloo Paaji'";
ctx.textAlign = "center";
ctx.textBaseline = "top";
ctx.fillStyle = color;
ctx.fillText(text, xPos, yPos);
ctx.restore();
}
const enhanceFillRect = function (fill) {
return function (x, y, width, height) {
const fullWidth = 95;
const hpPercent = Math.max(0, Math.min(1, width / fullWidth));
const percentText = `${~~(width / fullWidth * 100)}%`;
const centerX = x + fullWidth / 2;
let color;
if (this.fillStyle === "#a4cc4f") {
color = hpPercent > 0.5 ? lerpColor("#a4cc4f", "#e09f3e", (1 - hpPercent) * 2)
: lerpColor("#e09f3e", "#cc5151", (0.5 - hpPercent) * 2);
this.fillStyle = color;
drawHpText(this, percentText, centerX, y + height + 9, color);
}
if (this.fillStyle === "#cc5151") {
color = hpPercent > 0.5 ? lerpColor("#cc5151", "#e09f3e", (1 - hpPercent) * 2)
: lerpColor("#e09f3e", "#a4cc4f", (0.5 - hpPercent) * 2);
this.fillStyle = color;
drawHpText(this, percentText, centerX, y + height + 9, color);
}
fill.call(this, x, y, width, height);
};
};
const FillRect = CanvasRenderingContext2D.prototype.fillRect;
CanvasRenderingContext2D.prototype.fillRect = enhanceFillRect(FillRect);
const { fillText } = CanvasRenderingContext2D.prototype;
CanvasRenderingContext2D.prototype.fillText = function (...args) {
if (typeof args[0] === "string") {
this.lineWidth = 8;
this.strokeStyle = "#313131";
this.strokeText.apply(this, args);
}
return fillText.apply(this, args);
};
const { strokeRect } = CanvasRenderingContext2D.prototype;
CanvasRenderingContext2D.prototype.strokeRect = function(x, y, w, h) {
if ((w === 40 && h === 40) || this.strokeStyle === "#bfbfbf" || this.strokeStyle === "#dedede") {
return;
}
return strokeRect.call(this, x, y, w, h);
};
const { stroke } = CanvasRenderingContext2D.prototype;
CanvasRenderingContext2D.prototype.stroke = function(...args) {
if (this.strokeStyle === "#bfbfbf" || this.strokeStyle === "#dedede") {
return;
}
return stroke.apply(this, args);
};
// ---------------- Overlay ----------------
const overlay = document.createElement("canvas");
overlay.width = window.innerWidth;
overlay.height = window.innerHeight;
overlay.style.position = "absolute";
overlay.style.top = "0";
overlay.style.left = "0";
overlay.style.pointerEvents = "none";
overlay.style.zIndex = "9999";
document.body.appendChild(overlay);
const octx = overlay.getContext("2d");
let frameCount = 0, fpsStartTime = performance.now(), fps=0, cps=0;
let lastFrameTime = performance.now(), ping='...';
// ---------------- Ping ----------------
setInterval(()=>{
const now = performance.now();
ping = Math.round(now - lastFrameTime);
lastFrameTime = now;
}, 50);
document.addEventListener("mousedown", ()=>{
cps++; setTimeout(()=>cps--,1000);
});
function loop(){
const now = performance.now();
frameCount++;
if(now - fpsStartTime >= 1000){
fps = frameCount;
frameCount=0;
fpsStartTime=now;
}
octx.clearRect(0,0,overlay.width,overlay.height);
octx.save();
octx.font = "25px 'Baloo Paaji'";
octx.textBaseline = "top";
octx.strokeStyle="#313131";
octx.lineWidth=4;
octx.strokeText(`FPS: ${fps}`,10,5); octx.fillStyle="white"; octx.fillText(`FPS: ${fps}`,10,5);
octx.strokeText(`CPS: ${cps}`,10,30); octx.fillText(`CPS: ${cps}`,10,30);
octx.strokeText(`PING: ${ping}ms`,10,55); octx.fillText(`PING: ${ping}ms`,10,55);
octx.restore();
requestAnimationFrame(loop);
}
loop();
window.addEventListener("resize", ()=>{
overlay.width = window.innerWidth;
overlay.height = window.innerHeight;
});
// ---------------- Auto Toggle ----------------
['#grid-toggle','#native-friendly-indicator'].forEach(id=>{
const el = document.querySelector(id); if(el) el.click();
});
// ---------------- Ad Remove ----------------
const styleAdRemove = document.createElement('style');
styleAdRemove.type = 'text/css';
styleAdRemove.appendChild(document.createTextNode(`
#cross-promo,#bottom-wrap,#google_play,#game-left-content-main,#game-bottom-content,#game-right-content-main,#left-content,#right-content{
display:none !important;
}
`));
document.head.appendChild(styleAdRemove);
document.querySelector('#game-content').style.justifyContent='center';
document.querySelector('#main-content').style.width='auto';
// ---------------- Big Shop, Clan -------------------
(function() {
var style = document.createElement("style");
style.innerHTML = `
/* --- SHOP --- */
#hat-menu {
width: 650px !important; /* to hơn mặc định */
height: 750px !important; /* cao hơn */
background: rgba(0,0,0,0) !important;
opacity: 0.95 !important;
border: 5px solid black !important;
box-shadow: none !important;
}
#hat_menu_content {
max-height: 680px !important; /* nội dung cao */
overflow-y: auto !important; /* bật scroll */
background: transparent !important;
}
/* --- CLAN MENU --- */
#clan-menu {
background: rgba(0,0,0,0) !important; /* trong suốt */
opacity: 0.95 !important;
border: 5px solid black !important; /* vẫn giữ viền */
box-shadow: none !important;
}
#clan_menu_content {
background: transparent !important;
}
`;
document.head.appendChild(style);
})();
})();