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:
You do not have permission to view the full content of this post. Log in or register now.
You do not have permission to view the full content of this post. Log in or register now.
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