SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "**Tactical Assassin: 3D Reborn**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Implement a **"3D Stickman/Sketch" aesthetic**. The world should look like a technical drawing or a noir comic. Use a white or light grey fog background with high-contrast black geometry. * **Shaders**: Use a **Toon Shader (Cel Shading)** with a strong **Edge Detection/Outline post-processing pass** (EffectComposer). Objects should appear flat with bold black outlines to mimic the original 2D Flash art style in a 3D space. * **Models**: * **Characters**: 3D Stick figures constructed from simple black cylinders/capsules. * **Environment**: Low-poly urban setting (rooftops, street level, dumpsters, lamp posts). Buildings should be simple geometric blocks with texture maps representing windows/doors. * **Scope Overlay**: A circular black vignette mask (SVG or Canvas texture) overlaid on the camera to simulate a sniper scope. The area outside the scope should be blurred or blacked out. * **VFX**: * **Blood**: Simple, stylized red square particles that emit directionally upon a successful hit. * **Muzzle Flash**: A brief white/yellow cone flash at the screen edge. * **Mobile Optimization**: Limit geometry complexity. Use baked lighting for static environment shadows to save performance on mobile GPUs. ### 2. Audio Requirements * **BGM**: A low-frequency, tension-building **Dark Ambient/Drone** track. It should be subtle, increasing in volume slightly when the player zooms in. * **Sound Effects (SFX)**: * **Gunshot**: A high-quality, suppressed sniper rifle sound ("Pfft" or "Thwip") with a mechanical bolt-action sound after firing. * **Environmental**: Distant city traffic noise, wind whistling (indicates high altitude). * **Feedback**: A "Heartbeat" sound that gets faster if the player holds their breath (aim stabilization) for too long. * **Impact**: A "Squish" sound for body hits, ricochet for misses. ### 3. Gameplay Loop * **Mission Start**: A text-based briefing appears (e.g., "Target: Male, sitting on bench, smoking. Do not engage civilians."). * **Observation Phase**: The player scans the 3D scene using the scope. Stickmen (NPCs) walk along waypoints. The target performs specific idle animations (sitting, smoking). * **Action Phase**: * **Mechanic**: The scope naturally sways slightly (simulating breathing). * **Shooting**: Player aligns the crosshair and fires. Bullet travel is instant (Raycast), but accuracy is affected by the sway. * **Win Condition**: The correct target is eliminated without alerting others. * **Fail Condition**: Hitting a civilian, missing the shot (causing panic), or shooting the wrong target. * **Physics**: Simple ragdoll physics (Cannon.js or Ammo.js) applied to the victim upon death for dramatic effect. ### 4. Mobile Controls & Interaction * **Camera/Aiming**: * **Primary**: Touch and drag anywhere on the left half of the screen to pan the camera (coarse aim). * **Fine Tune**: A vertical slider on the right side to control Zoom level (FOV change). * **Firing Mechanism**: * A dedicated circular **"Fire" button** in the bottom right corner (min size 64x64px). * **Hold to Steady**: Holding the Fire button stops the scope sway for 2 seconds (stabilize), releasing the button fires the shot. * **Orientation**: **Landscape Mode** forced. * **Feedback**: * **Haptics**: Trigger a short vibration (navigator.vibrate) when the gun fires and a heavy vibration if the mission fails. * **Visual**: Camera recoil (kickback) animation on the Y-axis after shooting. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.