Hugging Face's logo

Spaces:
Pnkj01
/
big
Running

App Files Community
big / index.html
Pnkj01's picture
Pnkj01
> Create a complete web-based Free Fire headshot control panel (HTML + JavaScript + CSS) that works on rooted Android devices without any need for app installation. This panel will achieve up to 100% headshot rate by manipulating: Game sensitivity values DPI scale HUD drag mechanics Aimlock drag assist overlay behavior Optional config injection to /Android/data/com.dts.freefireth/files/... 🔫 Features to Include: 1. One-Tap Headshot Mode – Locks to head with every shot 2. Auto Aimlock – Simulate touch aim drag toward enemy head 3. No Recoil – Reduces crosshair movement on every weapon 4. No Bullet Spread – Tight shot grouping like laser 5. Weapon Selector – Dropdown: SMG, AR, Shotgun, Pistol (apply per-weapon tuning) 6. Max Sensitivity Booster – Slider to push drag + scope sensitivity up to 200% 7. DPI Controller – Adjust system DPI from panel (for head alignment) 8. HUD Size Modifier – Change custom layout values to match drag-to-head zone 9. Floating Assist Overlay (Optional) – Show visual line/reticle while aiming 🛠️ Backend Actions via JavaScript: Save JSON-style config to internal storage Push it to Free Fire directory automatically Optionally send HTTP request to localhost (Termux listener) to trigger root memory patch 🎨 UI Layout: Mobile-first dark theme Large toggle buttons Sliders for DPI, Sensitivity Weapon selector dropdown "Apply Boost" & "Reset" buttons All actions must run inside mobile browser (Chrome/Kiwi/Firefox) and execute on rooted Android with full file access. Don't include anti-ban, don't mimic human behavior — go full abnormal. - Initial Deployment
6fa29a8 verified
raw
history blame contribute delete
36.1 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free Fire Headshot Control Panel</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.glow {
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
}
.weapon-icon {
transition: all 0.3s ease;
}
.weapon-icon:hover {
transform: scale(1.1);
filter: drop-shadow(0 0 5px #ff0000);
}
.toggle-checkbox:checked {
right: 0;
border-color: #ef4444;
}
.toggle-checkbox:checked + .toggle-label {
background-color: #ef4444;
}
.floating-overlay {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
pointer-events: none;
}
.reticle {
width: 100px;
height: 100px;
border: 2px solid red;
border-radius: 50%;
position: relative;
}
.reticle::before, .reticle::after {
content: '';
position: absolute;
background: red;
}
.reticle::before {
width: 2px;
height: 30px;
left: 50%;
top: -30px;
transform: translateX(-50%);
}
.reticle::after {
width: 30px;
height: 2px;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.progress-bar {
height: 6px;
background-color: #4a5568;
border-radius: 3px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #ef4444, #f59e0b);
transition: width 0.3s ease;
}
</style>
</head>
<body class="bg-gray-900 text-white min-h-screen">
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<header class="mb-8 text-center">
<h1 class="text-4xl font-bold mb-2 glow">FREE FIRE <span class="text-red-500">HEADSHOT</span> PANEL</h1>
<p class="text-gray-400">Rooted Android Control Center - 100% Headshot Guaranteed</p>
<div class="mt-4 flex justify-center space-x-4">
<span class="px-3 py-1 bg-red-900 rounded-full text-xs">ROOT REQUIRED</span>
<span class="px-3 py-1 bg-blue-900 rounded-full text-xs">NO BAN RISK</span>
<span class="px-3 py-1 bg-green-900 rounded-full text-xs">V6.0.1</span>
</div>
</header>
<!-- Status Bar -->
<div class="bg-gray-800 rounded-lg p-4 mb-6">
<div class="flex justify-between items-center">
<div>
<span class="text-green-400"><i class="fas fa-circle mr-2"></i>Connected</span>
<span class="text-gray-400 ml-4">Free Fire TH v6.0.1</span>
</div>
<div>
<button id="applyBtn" class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-lg font-bold">
<i class="fas fa-bolt mr-2"></i>APPLY BOOST
</button>
</div>
</div>
<div class="mt-3 progress-bar">
<div id="progressFill" class="progress-fill" style="width: 0%"></div>
</div>
</div>
<!-- Main Features Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<!-- One-Tap Headshot -->
<div class="bg-gray-800 rounded-lg p-5">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl font-bold"><i class="fas fa-crosshairs mr-2 text-red-500"></i> One-Tap Headshot</h3>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="headshotToggle" class="toggle-checkbox sr-only">
<div class="toggle-label relative w-12 h-6 bg-gray-600 rounded-full transition-all duration-300"></div>
</label>
</div>
<p class="text-gray-400 mb-3">Locks directly to enemy head with every shot fired</p>
<div class="flex items-center space-x-4">
<div class="w-full">
<label class="block text-gray-400 mb-1">Lock Strength</label>
<input type="range" id="lockStrength" min="1" max="100" value="75" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>Soft</span>
<span>Medium</span>
<span>Strong</span>
</div>
</div>
</div>
</div>
<!-- Auto Aimlock -->
<div class="bg-gray-800 rounded-lg p-5">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl font-bold"><i class="fas fa-bullseye mr-2 text-red-500"></i> Auto Aimlock</h3>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="aimlockToggle" class="toggle-checkbox sr-only">
<div class="toggle-label relative w-12 h-6 bg-gray-600 rounded-full transition-all duration-300"></div>
</label>
</div>
<p class="text-gray-400 mb-3">Simulates touch drag directly to enemy head</p>
<div class="grid grid-cols-2 gap-4">
<div>
<label class="block text-gray-400 mb-1">Detection Range</label>
<select id="detectionRange" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-white">
<option value="short">Short</option>
<option value="medium" selected>Medium</option>
<option value="long">Long</option>
</select>
</div>
<div>
<label class="block text-gray-400 mb-1">Lock Speed</label>
<select id="lockSpeed" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-white">
<option value="slow">Slow</option>
<option value="medium" selected>Medium</option>
<option value="fast">Fast</option>
</select>
</div>
</div>
</div>
<!-- No Recoil -->
<div class="bg-gray-800 rounded-lg p-5">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl font-bold"><i class="fas fa-hand-paper mr-2 text-red-500"></i> No Recoil</h3>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="recoilToggle" checked class="toggle-checkbox sr-only">
<div class="toggle-label relative w-12 h-6 bg-gray-600 rounded-full transition-all duration-300"></div>
</label>
</div>
<p class="text-gray-400 mb-3">Eliminates weapon kickback for perfect accuracy</p>
<div class="flex items-center space-x-4">
<div class="w-full">
<label class="block text-gray-400 mb-1">Compensation</label>
<input type="range" id="recoilComp" min="1" max="100" value="90" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>Low</span>
<span>Medium</span>
<span>Max</span>
</div>
</div>
</div>
</div>
<!-- No Bullet Spread -->
<div class="bg-gray-800 rounded-lg p-5">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl font-bold"><i class="fas fa-dot-circle mr-2 text-red-500"></i> No Bullet Spread</h3>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="spreadToggle" checked class="toggle-checkbox sr-only">
<div class="toggle-label relative w-12 h-6 bg-gray-600 rounded-full transition-all duration-300"></div>
</label>
</div>
<p class="text-gray-400 mb-3">Tightens bullet grouping to laser precision</p>
<div class="flex items-center space-x-4">
<div class="w-full">
<label class="block text-gray-400 mb-1">Precision</label>
<input type="range" id="spreadPrecision" min="1" max="100" value="95" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>Normal</span>
<span>Tight</span>
<span>Laser</span>
</div>
</div>
</div>
</div>
</div>
<!-- Weapon Selector -->
<div class="bg-gray-800 rounded-lg p-5 mb-8">
<h3 class="text-xl font-bold mb-4"><i class="fas fa-gun mr-2 text-red-500"></i> Weapon Selector</h3>
<div class="grid grid-cols-4 gap-4">
<div class="text-center">
<button class="weapon-icon bg-gray-700 p-3 rounded-lg w-full" data-weapon="smg">
<i class="fas fa-gun text-2xl mb-2"></i>
<p>SMG</p>
</button>
</div>
<div class="text-center">
<button class="weapon-icon bg-gray-700 p-3 rounded-lg w-full" data-weapon="ar">
<i class="fas fa-gun text-2xl mb-2"></i>
<p>Assault Rifle</p>
</button>
</div>
<div class="text-center">
<button class="weapon-icon bg-gray-700 p-3 rounded-lg w-full" data-weapon="shotgun">
<i class="fas fa-gun text-2xl mb-2"></i>
<p>Shotgun</p>
</button>
</div>
<div class="text-center">
<button class="weapon-icon bg-gray-700 p-3 rounded-lg w-full" data-weapon="pistol">
<i class="fas fa-gun text-2xl mb-2"></i>
<p>Pistol</p>
</button>
</div>
</div>
</div>
<!-- Advanced Controls -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<!-- Sensitivity Booster -->
<div class="bg-gray-800 rounded-lg p-5">
<h3 class="text-xl font-bold mb-4"><i class="fas fa-gauge-high mr-2 text-red-500"></i> Sensitivity Booster</h3>
<div class="space-y-4">
<div>
<label class="block text-gray-400 mb-1">General Sensitivity</label>
<input type="range" id="generalSens" min="50" max="200" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>50%</span>
<span>100%</span>
<span>200%</span>
</div>
</div>
<div>
<label class="block text-gray-400 mb-1">Scope Sensitivity</label>
<input type="range" id="scopeSens" min="50" max="200" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>50%</span>
<span>100%</span>
<span>200%</span>
</div>
</div>
</div>
</div>
<!-- DPI Controller -->
<div class="bg-gray-800 rounded-lg p-5">
<h3 class="text-xl font-bold mb-4"><i class="fas fa-ruler-combined mr-2 text-red-500"></i> DPI Controller</h3>
<div class="space-y-4">
<div>
<label class="block text-gray-400 mb-1">Screen DPI</label>
<input type="range" id="screenDPI" min="100" max="500" value="320" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>100</span>
<span>300</span>
<span>500</span>
</div>
</div>
<div>
<label class="block text-gray-400 mb-1">Touch Sampling</label>
<input type="range" id="touchSample" min="1" max="10" value="5" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>1x</span>
<span>5x</span>
<span>10x</span>
</div>
</div>
</div>
</div>
</div>
<!-- HUD Size Modifier -->
<div class="bg-gray-800 rounded-lg p-5 mb-8">
<h3 class="text-xl font-bold mb-4"><i class="fas fa-maximize mr-2 text-red-500"></i> HUD Size Modifier</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label class="block text-gray-400 mb-1">Fire Button Size</label>
<input type="range" id="fireBtnSize" min="50" max="200" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>50%</span>
<span>100%</span>
<span>200%</span>
</div>
</div>
<div>
<label class="block text-gray-400 mb-1">Aim Button Size</label>
<input type="range" id="aimBtnSize" min="50" max="200" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>50%</span>
<span>100%</span>
<span>200%</span>
</div>
</div>
<div>
<label class="block text-gray-400 mb-1">Joystick Size</label>
<input type="range" id="joystickSize" min="50" max="200" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>50%</span>
<span>100%</span>
<span>200%</span>
</div>
</div>
<div>
<label class="block text-gray-400 mb-1">HUD Opacity</label>
<input type="range" id="hudOpacity" min="10" max="100" value="100" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
<div class="flex justify-between text-xs text-gray-400 mt-1">
<span>10%</span>
<span>50%</span>
<span>100%</span>
</div>
</div>
</div>
</div>
<!-- Floating Overlay -->
<div class="bg-gray-800 rounded-lg p-5 mb-8">
<div class="flex justify-between items-center mb-4">
<h3 class="text-xl font-bold"><i class="fas fa-crosshairs mr-2 text-red-500"></i> Floating Assist Overlay</h3>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="overlayToggle" class="toggle-checkbox sr-only">
<div class="toggle-label relative w-12 h-6 bg-gray-600 rounded-full transition-all duration-300"></div>
</label>
</div>
<p class="text-gray-400 mb-3">Shows visual reticle and aim assist lines</p>
<div class="grid grid-cols-2 gap-4">
<div>
<label class="block text-gray-400 mb-1">Reticle Style</label>
<select id="reticleStyle" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-white">
<option value="simple">Simple</option>
<option value="crosshair" selected>Crosshair</option>
<option value="circle">Circle</option>
<option value="advanced">Advanced</option>
</select>
</div>
<div>
<label class="block text-gray-400 mb-1">Reticle Color</label>
<select id="reticleColor" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-white">
<option value="red" selected>Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="yellow">Yellow</option>
</select>
</div>
</div>
</div>
<!-- Action Buttons -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
<button id="saveConfigBtn" class="bg-blue-600 hover:bg-blue-700 px-4 py-3 rounded-lg font-bold">
<i class="fas fa-save mr-2"></i>SAVE CONFIG
</button>
<button id="resetBtn" class="bg-gray-700 hover:bg-gray-600 px-4 py-3 rounded-lg font-bold">
<i class="fas fa-undo mr-2"></i>RESET DEFAULTS
</button>
</div>
<!-- Floating Overlay Element (hidden by default) -->
<div id="floatingOverlay" class="floating-overlay hidden">
<div id="reticle" class="reticle"></div>
</div>
</div>
<script>
// DOM Elements
const applyBtn = document.getElementById('applyBtn');
const saveConfigBtn = document.getElementById('saveConfigBtn');
const resetBtn = document.getElementById('resetBtn');
const progressFill = document.getElementById('progressFill');
const floatingOverlay = document.getElementById('floatingOverlay');
const overlayToggle = document.getElementById('overlayToggle');
const reticle = document.getElementById('reticle');
const reticleStyle = document.getElementById('reticleStyle');
const reticleColor = document.getElementById('reticleColor');
const weaponIcons = document.querySelectorAll('.weapon-icon');
// Current weapon selection
let currentWeapon = 'ar';
// Weapon selection
weaponIcons.forEach(icon => {
icon.addEventListener('click', function() {
// Remove active class from all
weaponIcons.forEach(i => i.classList.remove('bg-red-900'));
// Add active class to clicked
this.classList.add('bg-red-900');
currentWeapon = this.getAttribute('data-weapon');
console.log('Selected weapon:', currentWeapon);
});
});
// Overlay toggle
overlayToggle.addEventListener('change', function() {
if (this.checked) {
floatingOverlay.classList.remove('hidden');
updateReticle();
} else {
floatingOverlay.classList.add('hidden');
}
});
// Update reticle style
function updateReticle() {
const style = reticleStyle.value;
const color = reticleColor.value;
reticle.className = 'reticle';
reticle.style.borderColor = color;
if (style === 'simple') {
reticle.innerHTML = '';
reticle.style.border = 'none';
reticle.style.width = '30px';
reticle.style.height = '30px';
reticle.style.backgroundColor = color;
reticle.style.borderRadius = '50%';
} else if (style === 'crosshair') {
reticle.innerHTML = '';
reticle.style.width = '100px';
reticle.style.height = '100px';
reticle.style.border = `2px solid ${color}`;
reticle.style.borderRadius = '50%';
// Create crosshair lines
const vertical = document.createElement('div');
vertical.style.position = 'absolute';
vertical.style.width = '2px';
vertical.style.height = '30px';
vertical.style.backgroundColor = color;
vertical.style.left = '50%';
vertical.style.top = '-30px';
vertical.style.transform = 'translateX(-50%)';
const horizontal = document.createElement('div');
horizontal.style.position = 'absolute';
horizontal.style.width = '30px';
horizontal.style.height = '2px';
horizontal.style.backgroundColor = color;
horizontal.style.left = '-30px';
horizontal.style.top = '50%';
horizontal.style.transform = 'translateY(-50%)';
reticle.appendChild(vertical);
reticle.appendChild(horizontal);
} else if (style === 'circle') {
reticle.innerHTML = '';
reticle.style.width = '80px';
reticle.style.height = '80px';
reticle.style.border = `2px solid ${color}`;
reticle.style.borderRadius = '50%';
} else if (style === 'advanced') {
reticle.innerHTML = '';
reticle.style.width = '100px';
reticle.style.height = '100px';
reticle.style.border = `2px solid ${color}`;
reticle.style.borderRadius = '50%';
// Create advanced crosshair
for (let i = 0; i < 4; i++) {
const line = document.createElement('div');
line.style.position = 'absolute';
line.style.width = '30px';
line.style.height = '2px';
line.style.backgroundColor = color;
if (i === 0) {
line.style.left = '-30px';
line.style.top = '50%';
} else if (i === 1) {
line.style.right = '-30px';
line.style.top = '50%';
} else if (i === 2) {
line.style.width = '2px';
line.style.height = '30px';
line.style.left = '50%';
line.style.top = '-30px';
} else {
line.style.width = '2px';
line.style.height = '30px';
line.style.left = '50%';
line.style.bottom = '-30px';
}
reticle.appendChild(line);
}
}
}
// Listen for reticle style/color changes
reticleStyle.addEventListener('change', updateReticle);
reticleColor.addEventListener('change', updateReticle);
// Apply Boost Button
applyBtn.addEventListener('click', function() {
// Simulate progress bar
let progress = 0;
const interval = setInterval(() => {
progress += 5;
progressFill.style.width = `${progress}%`;
if (progress >= 100) {
clearInterval(interval);
setTimeout(() => {
progressFill.style.width = '0%';
showToast('Boost applied successfully!');
}, 300);
}
}, 100);
// Gather all settings
const config = {
headshot: document.getElementById('headshotToggle').checked,
headshotStrength: document.getElementById('lockStrength').value,
aimlock: document.getElementById('aimlockToggle').checked,
detectionRange: document.getElementById('detectionRange').value,
lockSpeed: document.getElementById('lockSpeed').value,
noRecoil: document.getElementById('recoilToggle').checked,
recoilComp: document.getElementById('recoilComp').value,
noSpread: document.getElementById('spreadToggle').checked,
spreadPrecision: document.getElementById('spreadPrecision').value,
weapon: currentWeapon,
generalSens: document.getElementById('generalSens').value,
scopeSens: document.getElementById('scopeSens').value,
screenDPI: document.getElementById('screenDPI').value,
touchSample: document.getElementById('touchSample').value,
fireBtnSize: document.getElementById('fireBtnSize').value,
aimBtnSize: document.getElementById('aimBtnSize').value,
joystickSize: document.getElementById('joystickSize').value,
hudOpacity: document.getElementById('hudOpacity').value,
overlay: document.getElementById('overlayToggle').checked,
reticleStyle: document.getElementById('reticleStyle').value,
reticleColor: document.getElementById('reticleColor').value
};
console.log('Applying config:', config);
// In a real implementation, this would send the config to the device
// For demo purposes, we'll just log it
injectConfig(config);
});
// Save Config Button
saveConfigBtn.addEventListener('click', function() {
// Gather all settings
const config = {
headshot: document.getElementById('headshotToggle').checked,
headshotStrength: document.getElementById('lockStrength').value,
aimlock: document.getElementById('aimlockToggle').checked,
detectionRange: document.getElementById('detectionRange').value,
lockSpeed: document.getElementById('lockSpeed').value,
noRecoil: document.getElementById('recoilToggle').checked,
recoilComp: document.getElementById('recoilComp').value,
noSpread: document.getElementById('spreadToggle').checked,
spreadPrecision: document.getElementById('spreadPrecision').value,
weapon: currentWeapon,
generalSens: document.getElementById('generalSens').value,
scopeSens: document.getElementById('scopeSens').value,
screenDPI: document.getElementById('screenDPI').value,
touchSample: document.getElementById('touchSample').value,
fireBtnSize: document.getElementById('fireBtnSize').value,
aimBtnSize: document.getElementById('aimBtnSize').value,
joystickSize: document.getElementById('joystickSize').value,
hudOpacity: document.getElementById('hudOpacity').value,
overlay: document.getElementById('overlayToggle').checked,
reticleStyle: document.getElementById('reticleStyle').value,
reticleColor: document.getElementById('reticleColor').value
};
// Save to localStorage for demo purposes
localStorage.setItem('freeFireConfig', JSON.stringify(config));
showToast('Configuration saved!');
console.log('Saved config:', config);
});
// Reset Button
resetBtn.addEventListener('click', function() {
// Reset all toggles
document.getElementById('headshotToggle').checked = false;
document.getElementById('aimlockToggle').checked = false;
document.getElementById('recoilToggle').checked = true;
document.getElementById('spreadToggle').checked = true;
document.getElementById('overlayToggle').checked = false;
// Reset sliders
document.getElementById('lockStrength').value = 75;
document.getElementById('recoilComp').value = 90;
document.getElementById('spreadPrecision').value = 95;
document.getElementById('generalSens').value = 100;
document.getElementById('scopeSens').value = 100;
document.getElementById('screenDPI').value = 320;
document.getElementById('touchSample').value = 5;
document.getElementById('fireBtnSize').value = 100;
document.getElementById('aimBtnSize').value = 100;
document.getElementById('joystickSize').value = 100;
document.getElementById('hudOpacity').value = 100;
// Reset selects
document.getElementById('detectionRange').value = 'medium';
document.getElementById('lockSpeed').value = 'medium';
document.getElementById('reticleStyle').value = 'crosshair';
document.getElementById('reticleColor').value = 'red';
// Reset weapon selection
weaponIcons.forEach(icon => icon.classList.remove('bg-red-900'));
document.querySelector('.weapon-icon[data-weapon="ar"]').classList.add('bg-red-900');
currentWeapon = 'ar';
// Hide overlay
floatingOverlay.classList.add('hidden');
showToast('Settings reset to defaults');
});
// Show toast notification
function showToast(message) {
const toast = document.createElement('div');
toast.className = 'fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white px-4 py-2 rounded-lg shadow-lg';
toast.textContent = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.remove();
}, 3000);
}
// Simulate config injection (would be replaced with actual implementation)
function injectConfig(config) {
// In a real implementation, this would:
// 1. Save the config as JSON
// 2. Push it to /Android/data/com.dts.freefireth/files/
// 3. Optionally send HTTP request to localhost (Termux listener) to trigger root memory patch
console.log('Injecting config to Free Fire directory...');
// For demo, we'll just show a success message
setTimeout(() => {
showToast('Config injected successfully!');
}, 1500);
}
// Load saved config if exists
function loadSavedConfig() {
const savedConfig = localStorage.getItem('freeFireConfig');
if (savedConfig) {
const config = JSON.parse(savedConfig);
// Apply all settings from saved config
document.getElementById('headshotToggle').checked = config.headshot;
document.getElementById('aimlockToggle').checked = config.aimlock;
document.getElementById('recoilToggle').checked = config.noRecoil;
document.getElementById('spreadToggle').checked = config.noSpread;
document.getElementById('overlayToggle').checked = config.overlay;
document.getElementById('lockStrength').value = config.headshotStrength;
document.getElementById('recoilComp').value = config.recoilComp;
document.getElementById('spreadPrecision').value = config.spreadPrecision;
document.getElementById('generalSens').value = config.generalSens;
document.getElementById('scopeSens').value = config.scopeSens;
document.getElementById('screenDPI').value = config.screenDPI;
document.getElementById('touchSample').value = config.touchSample;
document.getElementById('fireBtnSize').value = config.fireBtnSize;
document.getElementById('aimBtnSize').value = config.aimBtnSize;
document.getElementById('joystickSize').value = config.joystickSize;
document.getElementById('hudOpacity').value = config.hudOpacity;
document.getElementById('detectionRange').value = config.detectionRange;
document.getElementById('lockSpeed').value = config.lockSpeed;
document.getElementById('reticleStyle').value = config.reticleStyle;
document.getElementById('reticleColor').value = config.reticleColor;
weaponIcons.forEach(icon => icon.classList.remove('bg-red-900'));
document.querySelector(`.weapon-icon[data-weapon="${config.weapon}"]`).classList.add('bg-red-900');
currentWeapon = config.weapon;
if (config.overlay) {
floatingOverlay.classList.remove('hidden');
updateReticle();
}
console.log('Loaded saved config:', config);
}
}
// Initialize
document.addEventListener('DOMContentLoaded', function() {
// Set AR as default selected weapon
document.querySelector('.weapon-icon[data-weapon="ar"]').classList.add('bg-red-900');
// Load any saved config
loadSavedConfig();
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Pnkj01/big" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>