Enhanced customization for Poxel.io with RAVE, CHAOS, crosshair, color mod, ad remover, and more. (No Resolution Scale)
// ==UserScript==
// @name Nekoking Client! 1.1
// @namespace http://tampermonkey.net/
// @version 1.1
// @description Enhanced customization for Poxel.io with RAVE, CHAOS, crosshair, color mod, ad remover, and more. (No Resolution Scale)
// @author Nekoking!
// @match *://poxel.io/*
// @grant none
// ==/UserScript==
(function () {
'use strict';
// ---------- スタイル追加 ----------
const style = document.createElement('style');
style.textContent = `
#gear-button {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #222;
padding: 10px;
border-radius: 0 10px 10px 0;
color: white;
cursor: pointer;
z-index: 9999;
font-size: 20px;
}
#settings-panel {
position: fixed;
top: 50%;
left: 50px;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.9);
padding: 15px;
color: white;
border-radius: 10px;
z-index: 9999;
display: none;
min-width: 250px;
}
.section {
margin-bottom: 10px;
border-bottom: 1px solid #555;
padding-bottom: 10px;
}
.section:last-child {
border-bottom: none;
}
label {
display: block;
margin: 4px 0;
}
.subpanel {
margin-top: 8px;
padding-left: 10px;
}
.slider {
width: 100%;
}
#crosshair {
position: fixed;
z-index: 9998;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
#rave-overlay, #color-overlay, #chaos-overlay {
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
z-index: 9990;
pointer-events: none;
}
#rave-overlay {
background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet);
mix-blend-mode: screen;
opacity: 0.8;
animation: rave 1s linear infinite;
display: none;
}
#chaos-overlay {
background: black;
mix-blend-mode: difference;
animation: chaos 0.3s infinite;
display: none;
}
#color-overlay {
background-color: rgba(255,0,0,0.2);
mix-blend-mode: multiply;
display: none;
}
@keyframes rave {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(360deg); }
}
@keyframes chaos {
0% { background: red; }
25% { background: yellow; }
50% { background: lime; }
75% { background: cyan; }
100% { background: violet; }
}
`;
document.head.appendChild(style);
// ---------- オーバーレイ ----------
const overlayRave = document.createElement('div');
overlayRave.id = 'rave-overlay';
document.body.appendChild(overlayRave);
const overlayColor = document.createElement('div');
overlayColor.id = 'color-overlay';
document.body.appendChild(overlayColor);
const overlayChaos = document.createElement('div');
overlayChaos.id = 'chaos-overlay';
document.body.appendChild(overlayChaos);
// ---------- 歯車ボタン ----------
const gear = document.createElement('div');
gear.id = 'gear-button';
gear.textContent = '⚙️';
document.body.appendChild(gear);
const panel = document.createElement('div');
panel.id = 'settings-panel';
document.body.appendChild(panel);
gear.addEventListener('click', () => {
panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
});
// ---------- UI ----------
panel.innerHTML = `
<div class="section">
<label><input type="checkbox" id="enable-crosshair"> Enable Crosshair</label>
<div id="crosshair-settings" class="subpanel" style="display:none;">
<label>Type: <select id="crosshair-type"><option>Dot</option><option>Cross</option></select></label>
<label>Size: <input type="range" id="crosshair-size" min="4" max="40" value="10" class="slider"></label>
<label>Color: <input type="color" id="crosshair-color" value="#ffffff"></label>
</div>
</div>
<div class="section">
<label><input type="checkbox" id="enable-color"> Enable Color Mod</label>
<div id="color-settings" class="subpanel" style="display:none;">
<label>Color: <input type="color" id="color-mod-color" value="#ff0000"></label>
<label>Opacity: <input type="range" id="color-mod-opacity" min="0" max="1" step="0.01" value="0.2" class="slider"></label>
</div>
</div>
<div class="section">
<label><input type="checkbox" id="enable-rave"> RAVE Mode</label>
</div>
<div class="section">
<label><input type="checkbox" id="enable-chaos"> Chaos Mode</label>
</div>
<div class="section">
<label><input type="checkbox" id="enable-performance"> Performance Mode</label>
</div>
<div class="section">
<label><input type="checkbox" id="enable-removefx"> Remove Effects</label>
</div>
<div class="section">
<label><input type="checkbox" id="enable-adblock"> Remove ADS</label>
</div>
`;
// ---------- クロスヘア描画 ----------
const crosshairCanvas = document.createElement('canvas');
crosshairCanvas.id = 'crosshair';
document.body.appendChild(crosshairCanvas);
const ctx = crosshairCanvas.getContext('2d');
function drawCrosshair() {
const enabled = document.getElementById('enable-crosshair').checked;
crosshairCanvas.style.display = enabled ? 'block' : 'none';
if (!enabled) return;
const type = document.getElementById('crosshair-type').value;
const size = parseInt(document.getElementById('crosshair-size').value);
const color = document.getElementById('crosshair-color').value;
crosshairCanvas.width = size * 2;
crosshairCanvas.height = size * 2;
ctx.clearRect(0, 0, crosshairCanvas.width, crosshairCanvas.height);
ctx.strokeStyle = color;
ctx.fillStyle = color;
ctx.lineWidth = 2;
if (type === 'Dot') {
ctx.beginPath();
ctx.arc(size, size, size / 4, 0, Math.PI * 2);
ctx.fill();
} else {
ctx.beginPath();
ctx.moveTo(size, 0);
ctx.lineTo(size, size * 2);
ctx.moveTo(0, size);
ctx.lineTo(size * 2, size);
ctx.stroke();
}
}
// ---------- イベント処理 ----------
document.getElementById('enable-crosshair').addEventListener('change', e => {
document.getElementById('crosshair-settings').style.display = e.target.checked ? 'block' : 'none';
drawCrosshair();
});
['crosshair-type', 'crosshair-size', 'crosshair-color'].forEach(id => {
document.getElementById(id).addEventListener('input', drawCrosshair);
});
document.getElementById('enable-color').addEventListener('change', e => {
document.getElementById('color-settings').style.display = e.target.checked ? 'block' : 'none';
overlayColor.style.display = e.target.checked ? 'block' : 'none';
});
document.getElementById('color-mod-color').addEventListener('input', e => {
overlayColor.style.backgroundColor = e.target.value;
});
document.getElementById('color-mod-opacity').addEventListener('input', e => {
overlayColor.style.opacity = e.target.value;
});
document.getElementById('enable-rave').addEventListener('change', e => {
overlayRave.style.display = e.target.checked ? 'block' : 'none';
});
document.getElementById('enable-chaos').addEventListener('change', e => {
overlayChaos.style.display = e.target.checked ? 'block' : 'none';
});
document.getElementById('enable-performance').addEventListener('change', e => {
document.body.style.imageRendering = e.target.checked ? 'pixelated' : '';
});
document.getElementById('enable-removefx').addEventListener('change', e => {
const particleContainers = document.querySelectorAll('[class*=particle], [class*=fx]');
particleContainers.forEach(el => el.style.display = e.target.checked ? 'none' : '');
});
document.getElementById('enable-adblock').addEventListener('change', e => {
const ads = document.querySelectorAll('iframe, .ad, [id*=ads], [class*=ads], .adsbygoogle');
ads.forEach(ad => ad.remove());
});
// 初期描画
drawCrosshair();
})();