LINX Architecture Visual
Quick visual overview of LINX Multi-Scale implementation
⚡ Main Idea (in 30 seconds)
╔════════════════════════════════════════════════════╗
║ ║
║ ONE FOUNDATION (Territory Network) ║
║ ↓ ║
║ FOUR GAME MODES: ║
║ ║
║ 1. CLASSIC → Infinite survival (current) ║
║ 2. FRACTAL → Collapse → SuperNodes ║
║ 3. ASCENSION → Abilities + Tiers ║
║ 4. TEMPORAL → Time control + Automation ║
║ ║
║ = Proof that one base can evolve into ║
║ completely different game experiences ║
║ ║
╚════════════════════════════════════════════════════╝🎯 Overall Architecture
┌────────────────────────────────────────────────┐
│ LINX MAIN MENU │
│ │
│ 🎨 Visual Theme Selector (shared) │
│ • Minimal │
│ • Neon Grid │
│ • Brutalist │
│ • Liquid Crystal │
│ │
├────────────────────────────────────────────────┤
│ │
│ 🎮 GAME MODES │
│ │
│ ┌──────────────────────────────────────────┐ │
│ │ 1️⃣ CLASSIC MODE │ │
│ │ ∞ Infinite rounds │ │
│ │ 🎯 Survive + dominate │ │
│ │ ⏱️ 60 sec per round │ │
│ │ │ │
│ │ Base: TerritoryGameScene │ │
│ │ UI: GameHUD.vue │ │
│ └──────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────┐ │
│ │ 2️⃣ FRACTAL MODE │ │
│ │ 🔬 NANO → MICRO → MESO │ │
│ │ 🎯 Reach MEGA level │ │
│ │ ⚡ Territories → SuperNodes │ │
│ │ │ │
│ │ Scene: FractalModeScene │ │
│ │ UI: FractalModeHUD.vue │ │
│ │ Systems: │ │
│ │ • CollapseSystem │ │
│ │ • ScaleManager │ │
│ │ • Camera zoom coordination │ │
│ └──────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────┐ │
│ │ 3️⃣ ASCENSION MODE │ │
│ │ 📈 Rise & fall between tiers │ │
│ │ 🎯 Achieve godhood (50k score) │ │
│ │ ⚡ Unlock abilities, risk death │ │
│ │ │ │
│ │ Scene: AscensionModeScene │ │
│ │ UI: AscensionModeHUD.vue │ │
│ │ Systems: │ │
│ │ • AbilitySystem (Clone, Slow-Mo) │ │
│ │ • TierManager │ │
│ │ • Cooldown tracking │ │
│ └──────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────┐ │
│ │ 4️⃣ TEMPORAL MODE │ │
│ │ ⏰ Control time speed │ │
│ │ 🎯 Master all time scales │ │
│ │ ⚡ x1 → x100 speed + pause │ │
│ │ │ │
│ │ Scene: TemporalModeScene │ │
│ │ UI: TemporalModeHUD.vue │ │
│ │ Systems: │ │
│ │ • Time speed control (1-5 keys) │ │
│ │ • Pause system │ │
│ │ • AutomationSystem (placeholder) │ │
│ └──────────────────────────────────────────┘ │
└────────────────────────────────────────────────┘🔧 Technical Stack
╔════════════════════════════════════════════════════╗
║ ║
║ CASCADA FRAMEWORK ║
║ ║
║ Platform Layer: ║
║ └─ Phaser 3 (game engine) ║
║ ║
║ Core Layer: ║
║ ├─ UIManager (framework-agnostic) ║
║ ├─ VueUIBridge (Vue 3 integration) ║
║ ├─ ThemeManager (4 visual themes) ║
║ ├─ GameModeManager (multi-scale system) ║
║ └─ ViewportManager (device detection) ║
║ ║
║ Game Layer (LINX): ║
║ ├─ TerritoryGameScene (base gameplay) ║
║ ├─ FractalModeScene (+ collapse mechanics) ║
║ ├─ AscensionModeScene (+ abilities) ║
║ ├─ TemporalModeScene (+ time control) ║
║ └─ Vue UI components (reactive HUDs) ║
║ ║
╚════════════════════════════════════════════════════╝📊 Shared vs Unique
Shared Across All Modes ✅
🎨 Visual Themes (4 themes)
├─ Minimal
├─ Neon Grid
├─ Brutalist
└─ Liquid Crystal
⚙️ Core Systems
├─ Energy economy
├─ Bot AI (3 opponents)
├─ Territory validation
├─ Score tracking
├─ Vue UI integration
└─ Theme hot-swapping
🎮 Base Gameplay
├─ Node creation (click)
├─ Edge creation (drag)
├─ Territory formation (3-6 nodes)
├─ Enemy capture
└─ Double-click deletionUnique Per Mode ⚡
CLASSIC:
└─ Infinite rounds + persistence
FRACTAL:
├─ SuperNode collapse
├─ Scale transitions (NANO→MICRO→MESO)
├─ Camera zoom interaction
└─ Click SuperNode → zoom into details
ASCENSION:
├─ Ability: Clone Territory (C key)
├─ Ability: Time Slow-Mo (T key)
├─ Cooldown system
└─ Tier progression (placeholder)
TEMPORAL:
├─ Time speed control (1-5 keys)
├─ Pause/resume (SPACE)
├─ Game timeScale (x1 to x100)
└─ Automation levels (placeholder)🎯 File Organization
src/game/
│
├── territory/
│ ├── scenes/
│ │ └── TerritoryGameScene.ts ← Classic Mode (base)
│ │
│ └── modes/ ← Isolated mode implementations
│ ├── fractal/
│ │ └── FractalModeScene.ts
│ ├── ascension/
│ │ └── AscensionModeScene.ts
│ └── temporal/
│ └── TemporalModeScene.ts
│
├── ui/ ← Vue components
│ ├── GameHUD.vue ← Classic
│ ├── FractalModeHUD.vue ← Fractal
│ ├── AscensionModeHUD.vue ← Ascension
│ └── TemporalModeHUD.vue ← Temporal
│
├── scenes/
│ └── MainMenuSceneVue.ts ← Menu with mode selection
│
└── config/
├── game-modes-config.ts ← Enable/disable modes
└── linx-themes.ts ← Visual themes🚀 Implementation Status
╔════════════════════════════════════════════════════╗
║ ║
║ STATUS: ALL 4 MODES PLAYABLE ✅ ║
║ ║
║ ✅ Classic - Infinite survival ║
║ ✅ Fractal - SuperNodes + zoom interaction ║
║ ✅ Ascension - Clone + Slow-Mo abilities ║
║ ✅ Temporal - Time control (x1-x100) ║
║ ║
║ 🎨 Themes - 4 themes, live switching ║
║ 🤖 Bot AI - 3 opponents in all modes ║
║ 💾 Save - Score/energy persistence ║
║ 🎮 UI - Vue 3 reactive components ║
║ ║
╚════════════════════════════════════════════════════╝🎯 What This Proves
🎮 For Players:
- One game world, multiple ways to play
- Each mode feels unique and distinct
- Visual themes enhance each mode differently
👨💻 For Developers:
- One foundation → many game experiences
- CASCADA Framework flexibility in action
- Vue UI integration is seamless
- Mode isolation enables independent development
💰 For Investors:
- MVP demonstrates technical capability
- Scalable architecture for future content
- Multiple "games" from one codebase = efficient
📰 For Press:
"Revolutionary approach: from Spore + Populous + Conway's Life to modern web framework. Open source. Extensible."
📚 Documentation
Implementation details: LINX Implementation Summary
Concepts explained: LINX Multi-Scale Concepts
Menu structure: LINX Game Modes Menu
MVP philosophy: LINX MVP Philosophy
LINX - Multi-Scale gameplay demonstration powered by CASCADA Framework 🌊
Last Updated: October 2025