PHDiego Mendoza
Elite
Tron 3D is a small, static browser game: a 3D Tron-style light-cycle duel built with Three.js. You play the yellow cycle against a red AI cycle on a glowing grid; first to 3 rounds wins.
What it does
Grid-based light-cycle gameplay: each cycle moves one cell per tick, leaves a trail, and dies on walls/trails.
Controls are simple: ←/→ turn relative to the bike’s current heading, Space starts/pauses/continues, Esc resets.
The AI uses a limited flood-fill lookahead, so it tries to preserve open space but is intentionally beatable.
Ties only happen on strict head-on same-cell collisions; most simultaneous crashes favor the AI.
Tech stack / architecture
Pure static web app: HTML + CSS + JavaScript.
Core code is in web3d/game.js; UI styling is in style.css; index.html loads Three.js via an ES module import map.
No Node build, no node_modules, no bundler, no test suite/lint config. It must be served over HTTP because browser module imports will fail over file://.
Rendering highlights
Three.js scene with shader grid floor, bloom, ACES tone mapping, fog, chase camera, smooth interpolation, crash particles, shockwave rings, starfield, skyline, and a drifting Recognizer cameo.
Light walls are optimized as stretched ribbon segments per straight run, rather than spawning one object per grid cell.
Overall take: it is a polished single-page WebGL game/demo rather than a large app. The repo is easy to host and inspect, with most complexity concentrated in one JavaScript file: game loop, AI, collision rules, rendering, effects, and input handling.
Visit the Live Game Deployment here:
Your feedback is highly appreciated
Support my other posts 
- Google just KILLED Photoshop!
- 50 Brilliant Ways to Supercharge Creativity with Nano Banana
- Nano Banana Prompt Gallery
- AI Fashion Studio: AI Virtual Try-On Powered By Nano Banana
- Free Image Upscaler up to 16K Quality!
- Travel the World with Nano Banana
- AI Profile Picture Generator
- AI Snapshot Generator
- ᑕᕼᗩTGᑭT Prompt Packs
- Perplexity at Work
- DumPDF: PDF Editor
- LuxPDF: Open Source PDF Tools
- Gemini Edu ID Card Generator
- CanVâ Education Invite Link 2
- Create UNCENS0RED/NSFW AI Characters
- Student ID Card Prompt
- Nano Banana Pro Image And Prompt Gallery
- Create 4K Nano Banana Pro Images
- Create Pro-Grade Infographics
- IHatePDF: Toolkit For Everyday Documents
- Stunning Nano Banana Prompts Gallery
- Lyria 3: Google's AI Music Studio
- Meet Gemini 3.1 Pro
- Create City Map Posters
- Seedream 5.0 Lite: A Smart, Web-Aware AI Image Model
- Nano Banana 2: ProLevel Image Generation at Flash Speed
- GPT‑5.4: OpenAI’s New Flagship GPT‑5‑Series Model
- Inside MAI‑Image‑2
- Meet Luma Uni-1
- Microsoft's New MAI Stack
- VEO 3.1 Free on Google Vids
- StreameX: Free Movies, TV Shows and Anime
- Notebooks in Gemini
- Introducing Meta's Muse Spark
- 10 Google Gemini Photography Gems
- 12K+ Nano Banana Prompts
- Introducing Google Flow Music
- SplitAnImage Image Splitting Tool
- Introducing ChätGPT Image 2
- 1000+ GPT Image 2 Prompts
- Introducing GPT-5.5
- MeiGen Prompts Gallery