| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" /> |
| <meta name="theme-color" content="#ff6a3d" /> |
| <title>🚁 Sunset Racing Drone</title> |
| <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🚁%3C/text%3E%3C/svg%3E"> |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet"> |
| <link rel="stylesheet" href="style.css" /> |
| <link rel="modulepreload" href="js/game.js" /> |
| <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js" /> |
| <script type="importmap"> |
| { |
| "imports": { |
| "three": "https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js", |
| "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.170.0/examples/jsm/" |
| } |
| } |
| </script> |
| <script type="module" src="js/game.js"></script> |
| </head> |
| <body> |
| <canvas id="game"></canvas> |
| <div id="controls">W/S PITCH · A/D YAW · Q/E ROLL · SPACE THROTTLE + · SHIFT THROTTLE − · TAB CAMERA · R RESET · P/ESC PAUSE · F FULLSCREEN</div> |
| <div id="loading-veil" role="status" aria-live="polite"> |
| <div class="lv-title">SUNSET RACING</div> |
| <div class="lv-sub">ARMING DRONE</div> |
| <div class="lv-dots"><span></span><span></span><span></span></div> |
| </div> |
| </body> |
| </html> |
|
|
