mouse / index.html
Pnkj01's picture
I want you to build a custom Android APK named **AimPro Panel**. It should work like GG Mouse but without needing root. The goal is to help Free Fire Max players (latest version) automatically drag crosshair toward the enemy's head when they tap fire (manual fire + auto drag). βœ… Key Requirements: - Platform: Android (No Root) - Game: Free Fire Max (latest version) - Action: Player fires manually β†’ app auto-drags aim vertically to simulate a headshot (head-lock feel) - App should not scan enemies, just simulate macro-based movement - Use Accessibility Service & Draw Over Apps to simulate touch/drag - Works with Bluetooth or OTG mouse input (optional) - Gun Presets: UMP, MP40, M1014, Woodpecker, Desert Eagle - Sensitivity Panel: General, Red Dot, 2x, 4x, Sniper - Overlay UI: Floating buttons to toggle Aim Lock ON/OFF - Profile saving or preset switching for different guns - Should work on all Android devices, optimized for 60Hz–120Hz screens πŸ“¦ Final Output: - One single signed APK - ZIP it for sharing (rename to .apk to install) - Provide installation + permission guide (Accessibility + Overlay) Note: - This is NOT a cheat or ESP β€” only macro-based touch automation - Must run smoothly on latest FF Max builds Please build the APK and give me a .zip file I can rename and install. - Initial Deployment
20a1b4f verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AimPro Panel Mockup</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>
.gun-preset.active {
border-color: #3b82f6;
background-color: rgba(59, 130, 246, 0.1);
}
.sensitivity-item.active {
background-color: #3b82f6;
color: white;
}
.floating-btn {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.slider-thumb::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #3b82f6;
cursor: pointer;
}
</style>
</head>
<body class="bg-gray-900 text-white">
<!-- Floating Toggle Button -->
<div class="fixed bottom-8 right-8 z-50">
<button id="toggleAimBtn" class="floating-btn bg-red-600 hover:bg-red-700 text-white w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300">
<i class="fas fa-crosshairs text-2xl"></i>
</button>
</div>
<!-- Main App UI -->
<div class="container mx-auto px-4 py-8 max-w-md">
<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-blue-400 mb-2">AimPro Panel</h1>
<p class="text-gray-400">Precision aim assist for Free Fire Max</p>
</div>
<!-- Status Card -->
<div class="bg-gray-800 rounded-xl p-4 mb-6 border border-gray-700">
<div class="flex items-center justify-between">
<div>
<h3 class="font-semibold">Current Status</h3>
<p id="statusText" class="text-gray-400">Aim Assist: <span class="text-red-500">OFF</span></p>
</div>
<div class="bg-gray-700 px-3 py-1 rounded-full text-sm">
<span id="connectionStatus" class="text-green-400">Mouse: Not Connected</span>
</div>
</div>
</div>
<!-- Gun Presets -->
<div class="mb-6">
<h2 class="text-xl font-semibold mb-3">Gun Presets</h2>
<div class="grid grid-cols-3 gap-3">
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="ump">
<i class="fas fa-gun text-2xl mb-1"></i>
<p>UMP</p>
</button>
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="mp40">
<i class="fas fa-gun text-2xl mb-1"></i>
<p>MP40</p>
</button>
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="m1014">
<i class="fas fa-gun text-2xl mb-1"></i>
<p>M1014</p>
</button>
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="woodpecker">
<i class="fas fa-gun text-2xl mb-1"></i>
<p>Woodpecker</p>
</button>
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="deagle">
<i class="fas fa-gun text-2xl mb-1"></i>
<p>Desert Eagle</p>
</button>
<button class="gun-preset border border-gray-700 rounded-lg p-3 text-center transition-all hover:border-blue-400" data-gun="custom">
<i class="fas fa-plus text-2xl mb-1"></i>
<p>Custom</p>
</button>
</div>
</div>
<!-- Sensitivity Settings -->
<div class="mb-6">
<h2 class="text-xl font-semibold mb-3">Sensitivity Settings</h2>
<div class="grid grid-cols-3 gap-2 mb-4">
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="general">General</button>
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="reddot">Red Dot</button>
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="2x">2x Scope</button>
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="4x">4x Scope</button>
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="sniper">Sniper</button>
<button class="sensitivity-item bg-gray-800 py-2 rounded-md transition-all" data-scope="all">All</button>
</div>
<div class="space-y-4">
<div>
<label class="block mb-2">Vertical Pull Strength</label>
<input type="range" min="1" max="100" value="50" class="slider-thumb w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<label class="block mb-2">Response Delay (ms)</label>
<input type="range" min="0" max="200" value="50" class="slider-thumb w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<label class="block mb-2">Recoil Compensation</label>
<input type="range" min="0" max="100" value="30" class="slider-thumb w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
</div>
</div>
<!-- Advanced Settings -->
<div class="mb-6">
<div class="flex items-center justify-between mb-3">
<h2 class="text-xl font-semibold">Advanced Settings</h2>
<button id="advToggle" class="text-blue-400">
<i class="fas fa-chevron-down"></i>
</button>
</div>
<div id="advancedSettings" class="hidden space-y-4">
<div class="flex items-center justify-between">
<span>Mouse Input Mode</span>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" class="sr-only peer">
<div class="w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
</label>
</div>
<div class="flex items-center justify-between">
<span>Screen Refresh Rate</span>
<select class="bg-gray-800 border border-gray-700 rounded-md px-3 py-1">
<option>Auto Detect</option>
<option>60Hz</option>
<option>90Hz</option>
<option>120Hz</option>
</select>
</div>
<div class="flex items-center justify-between">
<span>Vibration Feedback</span>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" class="sr-only peer" checked>
<div class="w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-500"></div>
</label>
</div>
</div>
</div>
<!-- Setup Guide -->
<div class="bg-blue-900/20 border border-blue-700 rounded-xl p-4 mb-6">
<h3 class="font-semibold text-blue-400 mb-2"><i class="fas fa-info-circle mr-2"></i>Setup Guide</h3>
<ol class="list-decimal list-inside text-sm space-y-1 text-gray-300">
<li>Enable "Draw Over Apps" permission</li>
<li>Enable "Accessibility Service" for AimPro</li>
<li>Start Free Fire Max</li>
<li>Toggle ON the floating button</li>
</ol>
</div>
</div>
<script>
// Toggle Aim Assist
const toggleAimBtn = document.getElementById('toggleAimBtn');
const statusText = document.getElementById('statusText');
let aimAssistActive = false;
toggleAimBtn.addEventListener('click', () => {
aimAssistActive = !aimAssistActive;
if (aimAssistActive) {
statusText.innerHTML = 'Aim Assist: <span class="text-green-500">ON</span>';
toggleAimBtn.classList.remove('bg-red-600', 'hover:bg-red-700');
toggleAimBtn.classList.add('bg-green-600', 'hover:bg-green-700');
} else {
statusText.innerHTML = 'Aim Assist: <span class="text-red-500">OFF</span>';
toggleAimBtn.classList.remove('bg-green-600', 'hover:bg-green-700');
toggleAimBtn.classList.add('bg-red-600', 'hover:bg-red-700');
}
});
// Gun Preset Selection
const gunPresets = document.querySelectorAll('.gun-preset');
gunPresets.forEach(preset => {
preset.addEventListener('click', () => {
gunPresets.forEach(p => p.classList.remove('active'));
preset.classList.add('active');
// Here you would load the specific preset settings
console.log(`Loaded ${preset.dataset.gun} preset`);
});
});
// Sensitivity Scope Selection
const sensitivityItems = document.querySelectorAll('.sensitivity-item');
sensitivityItems.forEach(item => {
item.addEventListener('click', () => {
sensitivityItems.forEach(i => i.classList.remove('active'));
item.classList.add('active');
// Here you would adjust which sensitivity you're modifying
console.log(`Adjusting ${item.dataset.scope} sensitivity`);
});
});
// Advanced Settings Toggle
const advToggle = document.getElementById('advToggle');
const advancedSettings = document.getElementById('advancedSettings');
advToggle.addEventListener('click', () => {
advancedSettings.classList.toggle('hidden');
advToggle.innerHTML = advancedSettings.classList.contains('hidden') ?
'<i class="fas fa-chevron-down"></i>' : '<i class="fas fa-chevron-up"></i>';
});
// Simulate mouse connection
setTimeout(() => {
document.getElementById('connectionStatus').textContent = 'Mouse: Connected';
document.getElementById('connectionStatus').classList.remove('text-green-400');
document.getElementById('connectionStatus').classList.add('text-blue-400');
}, 3000);
</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/mouse" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>