| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>لعبة قوية جداً</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <meta charset="utf-8"> |
| <meta http-equiv="Content-Language" content="ar"> |
| <meta name="description" content="لعبة إلكترونية قوية بتصميم عصري"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/cannon-es@0.18.0/dist/cannon-es.js"></script> |
| </head> |
| <body class="overflow-hidden bg-gray-900"> |
| <div id="game-container" class="absolute inset-0"></div> |
| |
| |
| <div class="absolute top-0 left-0 right-0 p-4 text-white"> |
| <div class="flex justify-between items-center"> |
| <div class="health-bar bg-red-500 h-4 rounded-full" style="width: 100%"></div> |
| <div class="ammo-count text-white font-bold">30/120</div> |
| </div> |
| </div> |
| |
| |
| <div class="absolute inset-0 flex items-center justify-center pointer-events-none"> |
| <div class="w-2 h-2 bg-white rounded-full"></div> |
| </div> |
| |
| |
| <div class="mobile-controls absolute bottom-0 left-0 right-0 p-4 hidden md:flex"> |
| <div class="joystick-area w-24 h-24 rounded-full bg-gray-800 opacity-50"></div> |
| <div class="ml-auto flex space-x-4"> |
| <button class="shoot-btn w-16 h-16 rounded-full bg-red-500 opacity-50"></button> |
| <button class="jump-btn w-16 h-16 rounded-full bg-blue-500 opacity-50"></button> |
| </div> |
| </div> |
| |
| <script src="game.js"></script> |
| <script src="game.js"></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=faresveno/venom" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
|
|
