Alliance Arena — 3D AI Diplomacy Arena
Technologies: Three.js, Gemma 4 12B, Ollama, Cloudflare Tunnels, Web Audio API, Vanilla JavaScript, HTML5 Canvas
Architecture Overview
Alliance Arena replaces twitch reflexes with natural-language AI diplomacy. Players negotiate alliances in a 52x52m 3D arena with autonomous AI gladiators (Nova, Rex, Vera) before combat commences.
Built with a split-plane architecture decoupling remote Gemma 4 12B strategic inferences (via an Ollama Cloudflare tunnel) from a 60 FPS local Three.js physics and simulation loop with deterministic heuristic fallbacks.
Key Features
- Natural-Language Diplomacy: Talk phase where players negotiate pacts with LLM-backed NPCs.
- Emergent Betrayal: Autonomous NPCs form temporary alliances and break them dynamically during the battle phase.
- Custom Presentation Deck: 16-slide interactive browser presentation with live banter accordions, audio ducking, and audience voting.
← Back to Projects Directory | Read Presentation Case Study | View Interactive Portfolio