CYBER DRIFT is an entire, production-ready HTML5 neon lane runner constructed with vanilla JavaScript and Three.js. Dodge glowing blocks, acquire orbs, chain combos and chase the excessive rating in a synthwave tunnel that retains getting sooner.
Open index.html and play — no plugins, no construct instruments, no server-side code. The sport runs in each fashionable browser on desktop and cell and works utterly offline: the engine and the fonts are bundled contained in the package deal, with zero exterior requests.
Options
- Quick three-lane countless runner with rising pace and a combo multiplier
- 5 power-ups: Protect, Gradual Movement, Magnet, Further Life and Overdrive
- Simple, Medium and Exhausting problem modes
- Storage with 8 unlockable ship shapes and eight lane themes
- Orb store with power-up upgrades and cosmetics
- Every day login rewards, 3 rotating missions and 16 achievements
- Native leaderboard with participant title, rating sharing and PNG screenshot seize
- Sound results and music with quantity management and mute toggle
- Accessibility choices: color-blind mode, excessive distinction, efficiency mode
- Interactive first-time tutorial
- Responsive format — keyboard, swipe and on-screen contact controls
- Save system with export / import (localStorage)
- Single-file commented supply — simple to reskin in minutes
- Absolutely offline: no CDNs, no cookies, no analytics, no exterior requests
Controls
Arrow keys or A / D to modify lanes, P or Esc to pause. On contact units swipe left or proper, or use the on-screen buttons.
<!– Optionally available: insert your hosted 1280×720 screenshot pictures right here –>
What’s included
- index.html — the entire recreation (HTML, CSS and JavaScript in a single commented file)
- js/three.min.js — Three.js r128 bundled regionally (MIT license)
- fonts/ — Orbitron and Rajdhani internet fonts plus fonts.css (SIL OFL 1.1)
- property/screenshots/ — 1280×720 screenshots of each recreation display
- documentation.html — full documentation: visible information for non-coders, troubleshooting and FAQ
- README.txt and LICENSE.txt
Simple to customise
All colours are CSS variables in a single :root block, gameplay values (pace, scoring, power-up durations) are clearly named constants, and each part of the supply is commented. Rebrand the sport, regulate the problem or change the copy with out touching the sport logic.
Browser and system help
Newest variations of Chrome, Edge, Firefox and Safari on Home windows, macOS, Linux, Android and iOS. WebGL is required and is enabled by default in all fashionable browsers. The format scales from telephones to 4K shows, with a panorama trace on portrait units.
Necessities
- Any static internet host — no PHP, no database, no construct step
- A WebGL-capable browser
- Optionally available: an area server whereas testing by yourself machine (wanted just for screenshot export on file://)
Documentation
Full documentation ships contained in the package deal as documentation.html: fast begin, a step-by-step visible information for non-coders, controls, customization information, an entire troubleshooting desk, FAQ, save-data particulars and license abstract. README.txt covers the short begin.
Credit and licenses
- Recreation code, design, UI and artwork route: © 2026 AliKhanDesigns — authentic work
- Three.js r128: © 2026 three.js authors — MIT License (bundled in js/three.min.js)
- Orbitron and Rajdhani fonts: SIL Open Font License 1.1 (bundled in fonts/)
Help
Questions, bug reviews or characteristic requests? Contact me by means of CodeCanyon — I often reply inside 24 hours. Free updates included along with your buy.
