mirror of
https://github.com/tiennm99/WPlace-AutoBOT.git
synced 2026-05-30 20:22:19 +00:00
MiraclePatrickLumowa
651 lines
20 KiB
JavaScript
651 lines
20 KiB
JavaScript
// eslint-disable-next-line prettier/prettier
|
|
; (async () => {
|
|
const CONFIG = {
|
|
START_X: 742,
|
|
START_Y: 1148,
|
|
PIXELS_PER_LINE: 100,
|
|
DELAY: 1000,
|
|
THEME: {
|
|
primary: '#000000',
|
|
secondary: '#111111',
|
|
accent: '#222222',
|
|
text: '#ffffff',
|
|
highlight: '#775ce3',
|
|
success: '#00ff00',
|
|
error: '#ff0000',
|
|
},
|
|
};
|
|
|
|
const state = {
|
|
running: false,
|
|
paintedCount: 0,
|
|
charges: { count: 0, max: 80, cooldownMs: 30000 },
|
|
userInfo: null,
|
|
lastPixel: null,
|
|
minimized: false,
|
|
menuOpen: false,
|
|
language: 'en',
|
|
autoRefresh: true,
|
|
pausedForManual: false,
|
|
};
|
|
|
|
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
|
|
const waitForSelector = async (selector, interval = 200, timeout = 5000) => {
|
|
const start = Date.now();
|
|
while (Date.now() - start < timeout) {
|
|
const el = document.querySelector(selector);
|
|
if (el) return el;
|
|
await sleep(interval);
|
|
}
|
|
return null;
|
|
};
|
|
|
|
const originalFetch = window.fetch;
|
|
let capturedCaptchaToken = null;
|
|
window.fetch = async (url, options = {}) => {
|
|
if (typeof url === 'string' && url.includes('https://backend.wplace.live/s0/pixel/')) {
|
|
try {
|
|
const payload = JSON.parse(options.body || '{}');
|
|
if (payload.t) {
|
|
console.log('✅ CAPTCHA Token Captured:', payload.t);
|
|
capturedCaptchaToken = payload.t;
|
|
if (state.pausedForManual) {
|
|
state.pausedForManual = false;
|
|
state.running = true;
|
|
updateUI(
|
|
state.language === 'pt' ? '🚀 Pintura reiniciada!' : '🚀 Farm resumed!',
|
|
'success'
|
|
);
|
|
paintLoop();
|
|
}
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
return originalFetch(url, options);
|
|
};
|
|
|
|
const fetchAPI = async (url, options = {}) => {
|
|
try {
|
|
const res = await fetch(url, {
|
|
credentials: 'include',
|
|
...options,
|
|
});
|
|
return await res.json();
|
|
} catch (e) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
const getRandomPosition = () => ({
|
|
x: Math.floor(Math.random() * CONFIG.PIXELS_PER_LINE),
|
|
y: Math.floor(Math.random() * CONFIG.PIXELS_PER_LINE),
|
|
});
|
|
|
|
const paintPixel = async (x, y) => {
|
|
const randomColor = Math.floor(Math.random() * 31) + 1;
|
|
const url = `https://backend.wplace.live/s0/pixel/${CONFIG.START_X}/${CONFIG.START_Y}`;
|
|
const payload = JSON.stringify({
|
|
coords: [x, y],
|
|
colors: [randomColor],
|
|
t: capturedCaptchaToken,
|
|
});
|
|
try {
|
|
const res = await originalFetch(url, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'text/plain;charset=UTF-8' },
|
|
credentials: 'include',
|
|
body: payload,
|
|
});
|
|
if (res.status === 403) {
|
|
console.error('❌ 403 Forbidden. CAPTCHA token might be invalid or expired.');
|
|
capturedCaptchaToken = null;
|
|
stoppedForToken = true;
|
|
return 'token_error';
|
|
}
|
|
const data = await res.json();
|
|
return data;
|
|
} catch (e) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
const getCharge = async () => {
|
|
const data = await fetchAPI('https://backend.wplace.live/me');
|
|
if (data) {
|
|
state.userInfo = data;
|
|
state.charges = {
|
|
count: Math.floor(data.charges.count),
|
|
max: Math.floor(data.charges.max),
|
|
cooldownMs: data.charges.cooldownMs,
|
|
};
|
|
if (state.userInfo.level) {
|
|
state.userInfo.level = Math.floor(state.userInfo.level);
|
|
}
|
|
}
|
|
return state.charges;
|
|
};
|
|
|
|
const detectUserLocation = async () => {
|
|
try {
|
|
const response = await fetch('https://ipapi.co/json/');
|
|
const data = await response.json();
|
|
if (data.country === 'BR') {
|
|
state.language = 'pt';
|
|
} else if (data.country === 'US') {
|
|
state.language = 'en';
|
|
} else {
|
|
state.language = 'en';
|
|
}
|
|
} catch {
|
|
state.language = 'en';
|
|
}
|
|
};
|
|
|
|
const paintLoop = async () => {
|
|
while (state.running) {
|
|
const { count, cooldownMs } = state.charges;
|
|
|
|
if (count < 1) {
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? `⌛ Sem cargas. Esperando ${Math.ceil(cooldownMs / 1000)}s...`
|
|
: `⌛ No charges. Waiting ${Math.ceil(cooldownMs / 1000)}s...`,
|
|
'status'
|
|
);
|
|
await sleep(cooldownMs);
|
|
await getCharge();
|
|
continue;
|
|
}
|
|
|
|
const randomPos = getRandomPosition();
|
|
const paintResult = await paintPixel(randomPos.x, randomPos.y);
|
|
if (paintResult === 'token_error') {
|
|
if (state.autoRefresh) {
|
|
await getCharge();
|
|
if (state.charges.count < 2) {
|
|
if (!state.pausedForManual) {
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? '⚡ Aguardando pelo menos 2 cargas para auto-refresh...'
|
|
: 'Waiting for at least 2 charges for auto-refresh...',
|
|
'status'
|
|
);
|
|
state.pausedForManual = true;
|
|
}
|
|
while (state.charges.count < 2) {
|
|
await sleep(60000);
|
|
await getCharge();
|
|
updateStats();
|
|
}
|
|
state.pausedForManual = false;
|
|
}
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? '❌ Token expirado. Aguardando elemento Paint...'
|
|
: '❌ CAPTCHA token expired. Waiting for Paint button...',
|
|
'error'
|
|
);
|
|
const mainPaintBtn = await waitForSelector(
|
|
'button.btn.btn-primary.btn-lg, button.btn-primary.sm\\:btn-xl'
|
|
);
|
|
if (mainPaintBtn) mainPaintBtn.click();
|
|
await sleep(500);
|
|
updateUI(
|
|
state.language === 'pt' ? 'Selecionando transparente...' : 'Selecting transparent...',
|
|
'status'
|
|
);
|
|
const transBtn = await waitForSelector('button#color-0');
|
|
if (transBtn) transBtn.click();
|
|
await sleep(500);
|
|
const canvas = await waitForSelector('canvas');
|
|
if (canvas) {
|
|
canvas.setAttribute('tabindex', '0');
|
|
canvas.focus();
|
|
const rect = canvas.getBoundingClientRect();
|
|
const centerX = Math.round(rect.left + rect.width / 2);
|
|
const centerY = Math.round(rect.top + rect.height / 2);
|
|
const moveEvt = new MouseEvent('mousemove', {
|
|
clientX: centerX,
|
|
clientY: centerY,
|
|
bubbles: true,
|
|
});
|
|
canvas.dispatchEvent(moveEvt);
|
|
const keyDown = new KeyboardEvent('keydown', {
|
|
key: ' ',
|
|
code: 'Space',
|
|
bubbles: true,
|
|
});
|
|
const keyUp = new KeyboardEvent('keyup', { key: ' ', code: 'Space', bubbles: true });
|
|
canvas.dispatchEvent(keyDown);
|
|
canvas.dispatchEvent(keyUp);
|
|
}
|
|
await sleep(500);
|
|
updateUI(
|
|
state.language === 'pt' ? 'Confirmando pintura...' : 'Confirming paint...',
|
|
'status'
|
|
);
|
|
let confirmBtn = await waitForSelector(
|
|
'button.btn.btn-primary.btn-lg, button.btn.btn-primary.sm\\:btn-xl'
|
|
);
|
|
if (!confirmBtn) {
|
|
const allPrimary = Array.from(document.querySelectorAll('button.btn-primary'));
|
|
confirmBtn = allPrimary.length ? allPrimary[allPrimary.length - 1] : null;
|
|
}
|
|
confirmBtn?.click();
|
|
} else {
|
|
// insufficient charges or auto-refresh disabled
|
|
if (state.autoRefresh && state.charges.count < 2) {
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? '⚡ Cargas insuficientes para auto-refresh. Por favor, clique manualmente.'
|
|
: 'Insufficient charges for auto-refresh. Please click manually.',
|
|
'error'
|
|
);
|
|
}
|
|
if (!state.pausedForManual) {
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? 'Auto-refresh desativado. Por favor, clique no botão pintura manualmente.'
|
|
: 'Auto-refresh disabled. Please click the Paint button manually.',
|
|
'status'
|
|
);
|
|
state.pausedForManual = true;
|
|
}
|
|
state.running = false;
|
|
return;
|
|
}
|
|
await sleep(1000);
|
|
continue;
|
|
}
|
|
|
|
if (paintResult?.painted === 1) {
|
|
state.paintedCount++;
|
|
state.lastPixel = {
|
|
x: CONFIG.START_X + randomPos.x,
|
|
y: CONFIG.START_Y + randomPos.y,
|
|
time: new Date(),
|
|
};
|
|
state.charges.count--;
|
|
|
|
document.getElementById('paintEffect').style.animation = 'pulse 0.5s';
|
|
setTimeout(() => {
|
|
document.getElementById('paintEffect').style.animation = '';
|
|
}, 500);
|
|
|
|
updateUI(state.language === 'pt' ? '✅ Pixel pintado!' : '✅ Pixel painted!', 'success');
|
|
} else {
|
|
updateUI(state.language === 'pt' ? '❌ Falha ao pintar' : '❌ Failed to paint', 'error');
|
|
}
|
|
|
|
await sleep(CONFIG.DELAY);
|
|
updateStats();
|
|
}
|
|
};
|
|
|
|
const createUI = () => {
|
|
if (state.menuOpen) return;
|
|
state.menuOpen = true;
|
|
|
|
const fontAwesome = document.createElement('link');
|
|
fontAwesome.rel = 'stylesheet';
|
|
fontAwesome.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css';
|
|
document.head.appendChild(fontAwesome);
|
|
|
|
const style = document.createElement('style');
|
|
style.textContent = `
|
|
@keyframes pulse {
|
|
0% { box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7); }n
|
|
70% { box-shadow: 0 0 0 10px rgba(0, 255, 0, 0); }
|
|
100% { box-shadow: 0 0 0 0 rgba(0, 255, 0, 0); }
|
|
}
|
|
@keyframes slide-in {
|
|
from { transform: translateY(20px); opacity: 0; }
|
|
to { transform: translateY(0); opacity: 1; }
|
|
}
|
|
.wplace-bot-panel {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
width: 250px;
|
|
background: ${CONFIG.THEME.primary};
|
|
border: 1px solid ${CONFIG.THEME.accent};
|
|
border-radius: 8px;
|
|
padding: 0;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
|
|
z-index: 9999;
|
|
font-family: 'Segoe UI', Roboto, sans-serif;
|
|
color: ${CONFIG.THEME.text};
|
|
animation: slide-in 0.4s ease-out;
|
|
overflow: hidden;
|
|
}
|
|
.wplace-header {
|
|
padding: 12px 15px;
|
|
background: ${CONFIG.THEME.secondary};
|
|
color: ${CONFIG.THEME.highlight};
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: move;
|
|
user-select: none;
|
|
}
|
|
.wplace-header-title {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.wplace-header-controls {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
.wplace-header-btn {
|
|
background: none;
|
|
border: none;
|
|
color: ${CONFIG.THEME.text};
|
|
cursor: pointer;
|
|
opacity: 0.7;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.wplace-header-btn:hover {
|
|
opacity: 1;
|
|
}
|
|
.wplace-content {
|
|
padding: 15px;
|
|
display: ${state.minimized ? 'none' : 'block'};
|
|
}
|
|
.wplace-controls {
|
|
display: flex;
|
|
gap: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.wplace-btn {
|
|
flex: 1;
|
|
padding: 10px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
transition: all 0.2s;
|
|
}
|
|
.wplace-btn:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
.wplace-btn-primary {
|
|
background: ${CONFIG.THEME.accent};
|
|
color: white;
|
|
}
|
|
.wplace-btn-stop {
|
|
background: ${CONFIG.THEME.error};
|
|
color: white;
|
|
}
|
|
.wplace-stats {
|
|
background: ${CONFIG.THEME.secondary};
|
|
padding: 12px;
|
|
border-radius: 6px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.wplace-stat-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 6px 0;
|
|
font-size: 14px;
|
|
}
|
|
.wplace-stat-label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
opacity: 0.8;
|
|
}
|
|
.wplace-status {
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
}
|
|
.status-default {
|
|
background: rgba(255,255,255,0.1);
|
|
}
|
|
.status-success {
|
|
background: rgba(0, 255, 0, 0.1);
|
|
color: ${CONFIG.THEME.success};
|
|
}
|
|
.status-error {
|
|
background: rgba(255, 0, 0, 0.1);
|
|
color: ${CONFIG.THEME.error};
|
|
}
|
|
#paintEffect {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
border-radius: 8px;
|
|
}
|
|
`;
|
|
document.head.appendChild(style);
|
|
|
|
const translations = {
|
|
pt: {
|
|
title: 'WPlace Auto-Farm',
|
|
start: 'Iniciar',
|
|
stop: 'Parar',
|
|
ready: 'Pronto para começar',
|
|
user: 'Usuário',
|
|
pixels: 'Pixels',
|
|
charges: 'Cargas',
|
|
level: 'Level',
|
|
},
|
|
en: {
|
|
title: 'WPlace Auto-Farm',
|
|
start: 'Start',
|
|
stop: 'Stop',
|
|
ready: 'Ready to start',
|
|
user: 'User',
|
|
pixels: 'Pixels',
|
|
charges: 'Charges',
|
|
level: 'Level',
|
|
},
|
|
};
|
|
|
|
const t = translations[state.language] || translations.en;
|
|
|
|
const panel = document.createElement('div');
|
|
panel.className = 'wplace-bot-panel';
|
|
panel.innerHTML = `
|
|
<div id="paintEffect"></div>
|
|
<div class="wplace-header">
|
|
<div class="wplace-header-title">
|
|
<i class="fas fa-paint-brush"></i>
|
|
<span>${t.title}</span>
|
|
</div>
|
|
<div class="wplace-header-controls">
|
|
<button id="minimizeBtn" class="wplace-header-btn" title="${state.language === 'pt' ? 'Minimizar' : 'Minimize'}">
|
|
<i class="fas fa-${state.minimized ? 'expand' : 'minus'}"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="wplace-content">
|
|
<div class="wplace-controls">
|
|
<button id="toggleBtn" class="wplace-btn wplace-btn-primary">
|
|
<i class="fas fa-play"></i>
|
|
<span>${t.start}</span>
|
|
</button>
|
|
<label style="display:flex; align-items:center; margin-left:10px;">
|
|
<input type="checkbox" id="autoRefreshCheckbox" ${state.autoRefresh ? 'checked' : ''}/>
|
|
<span style="margin-left:4px; font-size:14px;">Auto Refresh</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="wplace-stats">
|
|
<div id="statsArea">
|
|
<div class="wplace-stat-item">
|
|
<div class="wplace-stat-label"><i class="fas fa-paint-brush"></i> ${state.language === 'pt' ? 'Carregando...' : 'Loading...'}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="statusText" class="wplace-status status-default">
|
|
${t.ready}
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
document.body.appendChild(panel);
|
|
|
|
const header = panel.querySelector('.wplace-header');
|
|
let pos1 = 0,
|
|
pos2 = 0,
|
|
pos3 = 0,
|
|
pos4 = 0;
|
|
|
|
header.onmousedown = dragMouseDown;
|
|
|
|
function dragMouseDown(e) {
|
|
if (e.target.closest('.wplace-header-btn')) return;
|
|
|
|
e = e || window.event;
|
|
e.preventDefault();
|
|
pos3 = e.clientX;
|
|
pos4 = e.clientY;
|
|
document.onmouseup = closeDragElement;
|
|
document.onmousemove = elementDrag;
|
|
}
|
|
|
|
function elementDrag(e) {
|
|
e = e || window.event;
|
|
e.preventDefault();
|
|
pos1 = pos3 - e.clientX;
|
|
pos2 = pos4 - e.clientY;
|
|
pos3 = e.clientX;
|
|
pos4 = e.clientY;
|
|
panel.style.top = panel.offsetTop - pos2 + 'px';
|
|
panel.style.left = panel.offsetLeft - pos1 + 'px';
|
|
}
|
|
|
|
function closeDragElement() {
|
|
document.onmouseup = null;
|
|
document.onmousemove = null;
|
|
}
|
|
|
|
const toggleBtn = panel.querySelector('#toggleBtn');
|
|
const minimizeBtn = panel.querySelector('#minimizeBtn');
|
|
const statusText = panel.querySelector('#statusText');
|
|
const content = panel.querySelector('.wplace-content');
|
|
const statsArea = panel.querySelector('#statsArea');
|
|
|
|
toggleBtn.addEventListener('click', () => {
|
|
state.running = !state.running;
|
|
|
|
if (state.running && !capturedCaptchaToken) {
|
|
updateUI(
|
|
state.language === 'pt'
|
|
? '❌ Token não capturado. Clique em qualquer pixel primeiro.'
|
|
: '❌ CAPTCHA token not captured. Please click any pixel manually first.',
|
|
'error'
|
|
);
|
|
state.running = false;
|
|
return;
|
|
}
|
|
|
|
if (state.running) {
|
|
toggleBtn.innerHTML = `<i class="fas fa-stop"></i> <span>${t.stop}</span>`;
|
|
toggleBtn.classList.remove('wplace-btn-primary');
|
|
toggleBtn.classList.add('wplace-btn-stop');
|
|
updateUI(
|
|
state.language === 'pt' ? '🚀 Pintura iniciada!' : '🚀 Painting started!',
|
|
'success'
|
|
);
|
|
paintLoop();
|
|
} else {
|
|
toggleBtn.innerHTML = `<i class="fas fa-play"></i> <span>${t.start}</span>`;
|
|
toggleBtn.classList.add('wplace-btn-primary');
|
|
toggleBtn.classList.remove('wplace-btn-stop');
|
|
statsArea.innerHTML = '';
|
|
updateUI(state.language === 'pt' ? '⏹️ Parado' : '⏹️ Stopped', 'default');
|
|
}
|
|
});
|
|
|
|
minimizeBtn.addEventListener('click', () => {
|
|
state.minimized = !state.minimized;
|
|
content.style.display = state.minimized ? 'none' : 'block';
|
|
minimizeBtn.innerHTML = `<i class="fas fa-${state.minimized ? 'expand' : 'minus'}"></i>`;
|
|
});
|
|
|
|
const autoRefreshCheckbox = panel.querySelector('#autoRefreshCheckbox');
|
|
autoRefreshCheckbox.addEventListener('change', () => {
|
|
state.autoRefresh = autoRefreshCheckbox.checked;
|
|
});
|
|
|
|
window.addEventListener('beforeunload', () => {
|
|
state.menuOpen = false;
|
|
});
|
|
};
|
|
|
|
window.updateUI = (message, type = 'default') => {
|
|
const statusText = document.querySelector('#statusText');
|
|
if (statusText) {
|
|
statusText.textContent = message;
|
|
statusText.className = `wplace-status status-${type}`;
|
|
statusText.style.animation = 'none';
|
|
void statusText.offsetWidth;
|
|
statusText.style.animation = 'slide-in 0.3s ease-out';
|
|
}
|
|
};
|
|
|
|
window.updateStats = async () => {
|
|
await getCharge();
|
|
const statsArea = document.querySelector('#statsArea');
|
|
if (statsArea) {
|
|
const t = {
|
|
pt: {
|
|
user: 'Usuário',
|
|
pixels: 'Pixels',
|
|
charges: 'Cargas',
|
|
level: 'Level',
|
|
},
|
|
en: {
|
|
user: 'User',
|
|
pixels: 'Pixels',
|
|
charges: 'Charges',
|
|
level: 'Level',
|
|
},
|
|
}[state.language] || {
|
|
user: 'User',
|
|
pixels: 'Pixels',
|
|
charges: 'Charges',
|
|
level: 'Level',
|
|
};
|
|
|
|
statsArea.innerHTML = `
|
|
<div class="wplace-stat-item">
|
|
<div class="wplace-stat-label"><i class="fas fa-user"></i> ${t.user}</div>
|
|
<div>${state.userInfo.name}</div>
|
|
</div>
|
|
<div class="wplace-stat-item">
|
|
<div class="wplace-stat-label"><i class="fas fa-paint-brush"></i> ${t.pixels}</div>
|
|
<div>${state.paintedCount}</div>
|
|
</div>
|
|
<div class="wplace-stat-item">
|
|
<div class="wplace-stat-label"><i class="fas fa-bolt"></i> ${t.charges}</div>
|
|
<div>${Math.floor(state.charges.count)}/${Math.floor(state.charges.max)}</div>
|
|
</div>
|
|
<div class="wplace-stat-item">
|
|
<div class="wplace-stat-label"><i class="fas fa-star"></i> ${t.level}</div>
|
|
<div>${state.userInfo?.level || '0'}</div>
|
|
</div>
|
|
`;
|
|
}
|
|
};
|
|
|
|
await detectUserLocation();
|
|
createUI();
|
|
await getCharge();
|
|
updateStats();
|
|
})();
|