- A web 3D game made with
HTML,CSS, andJS.
Last Update: 26-07-2026 (V-2.26.9)
- Add a new map skin for the game. (avalable at 15th augst)
- Add shortcut button controls for desktop users. (more will be added soon)
- Optimize the game for chrome browser.
- Add developer specific new options. (Only available for developers inside
localhost:5500)
LLOF/
├── index.html # Game's main HTML page — loads canvas, UI markup, and all scripts
├── Logo.mp4 # Logo intro/animation video asset
├── CSS/
│ ├── style.css # Main sci-fi theme stylesheet for the whole game UI
│ ├── banner.css # Styling for the event banner overlay
│ ├── world.css # Per-map-skin visual overrides (backgrounds, skin effects)
│ └── speed-fx.css # Full-screen speed-boost effect (streaks/chroma/vignette)
├── asset/
│ ├── logo.svg # Studio square icon/monogram logo
│ ├── Banner.svg # Studio full wordmark logo
│ └── music.webm # Background music track
├── temp_event/ # ⚠ TEMPORARY — Independence Day event, delete after 22 Aug
│ ├── CSS/
│ │ └── independence-banner.css # Styling for the Tiranga event popup banner
│ └── JS/
│ └── independence-banner.js # Builds/shows the Tiranga event popup + dev preview cheat
└── JS/
├── main.js # Entry point — imports and starts every feature module in order
├── favicon.js # Generates favicon/PWA icons from logo.svg at runtime
├── core/
│ ├── state.js # Holds shared game state (score, coins, planes, maps) and saves progress
│ ├── dom-refs.js # Caches references to DOM elements used across the game
│ ├── game-objects.js # Manages player/world/collectable object lifecycle
│ └── scene-setup.js # Sets up the Three.js scene, camera, renderer, and lighting
├── systems/
│ ├── controller.js # Handles desktop keyboard input and remappable keybinds
│ ├── Mcontroller.js # Handles mobile input (joystick/dpad/gyroscope)
│ ├── camera.js # Controls the multi-angle camera rig
│ ├── player.js # Manages the player plane's geometry, hitbox, and crash animation
│ ├── world.js # Generates terrain chunks, obstacles, difficulty progression, and map skins (incl. Tiranga chakra + tricolor ground)
│ ├── collectable.js # Manages coin and power-up spawning/recycling
│ ├── banner.js # Runs the configurable (Summer Sale) event banner system
│ └── music-handler.js # Plays background music and synthesized sound effects
├── gameplay/
│ ├── game-loop.js # Runs the main per-frame animate/update loop (incl. speed-boost recoil/FX)
│ ├── play-flow.js # Handles play/go-home/retry/leave-confirm flow
│ ├── collisions.js # Detects collisions with obstacles, coins, and power-ups
│ └── powerups.js # Manages power-up HUD display, effects, and expiry
├── ui/
│ ├── hud.js # Syncs and updates the in-game HUD display
│ ├── toast.js # Shows floating pickup notification toasts
│ ├── countdown.js # Displays the pre-round countdown overlay
│ ├── pause.js # Toggles the game's pause state
│ ├── plane-selector.js # Runs the menu's plane selection carousel
│ ├── map-selector.js # Runs the map skin selection UI (incl. keyboard focus nav)
│ ├── keybinds.js # Displays/handles rebinding + all arrow-key & Space menu navigation
│ ├── settings-panel.js # Runs the settings modal
│ └── confirm-modal.js # Generic reusable yes/no confirmation modal
└── utils/
├── utils.js # Small shared helper functions (e.g. fullscreen handling)
└── dev-cheat.js # Developer cheat tools — flagged for removal before release