🎮 Naraka Tournament Overlay

Stream overlay for live tournament data from Pantheon

🎯 Quick Setup

Option 1: Top 3 Players (Compact)

  1. Open OBS or Streamlabs OBS
  2. Add a new Browser Source
  3. Use URL: /overlay/live
  4. Set width to 600px, height to 400px
  5. Check "Refresh browser when scene becomes active"
  6. Position and resize on your stream!

Option 2: Full Scores (All Players)

  1. Open OBS or Streamlabs OBS
  2. Add a new Browser Source
  3. Use URL: /overlay/live?full=true
  4. Set width to 600px, height to 900px
  5. Check "Refresh browser when scene becomes active"
  6. Position and resize on your stream!

💡 Want Different Style? Add &style=neon, &style=cosmic, or &style=dynasty to either URL!

Examples: /overlay/live?style=dynasty or /overlay/live?full=true&style=dynasty

🚀 Advanced Setup (Hotkey Toggle Full Scores)

Browser Source 1 (Always Visible - Top 3)

URL: /overlay/live
Size: 600px width × 400px height
Preview Top 3

Browser Source 2 (Hotkey Toggle - Full Scores)

URL: /overlay/live?full=true
Size: 600px width × 900px height
Preview Full Scores

🌌 Preview buttons use Cosmic Ronin style

⌨️ OBS Hotkey Setup:

  1. Add both browser sources to your OBS scene
  2. Position both sources
  3. Open Settings → Hotkeys in OBS
  4. Find your Full Scores source, set the same key for both:
    • Show [Source Name]: F8
    • Hide [Source Name]: F8
  5. Usage: Hold F8 to show full scores, release to hide (top 3 visible)

💡 Tip: Both sources show the same tournament with movement indicators - full view just shows all players instead of top 3!

🎨 Visual Styles

🎮 Discord Style (Default)

URL: /overlay/live
Aesthetic: Cozy Discord embed look, rounded corners, soft colors, emoji ranks
Best For: Casual streams, community-focused content
Preview Discord

🔥 Neon/Cyberpunk Style

URL: /overlay/live?style=neon
Aesthetic: Glowing neon borders, dark backgrounds, text badges, triangle indicators
Colors: Cyan (Trios), Magenta (Duos), Yellow (Solos)
Best For: High-energy streams, competitive gaming, Persona 5 crossover events
Preview Neon

🌌 Cosmic Ronin Style

URL: /overlay/live?style=cosmic
Aesthetic: Sci-fi samurai fusion, animated starfield, holographic seals, energy pulses
Features: Scan line effects, glowing rank badges (◢1◣ ◢2◣ ◢3◣), futuristic typography, rainbow hue-shift for solos
Colors: Deep space purple/black + cyan/purple holographic tech
Best For: Modern/futuristic aesthetic, crossover events, standing out on Twitch
Preview Cosmic Ronin

🏮 Imperial Dynasty Style

URL: /overlay/live?style=dynasty
Aesthetic: Authentic Wuxia Cinema - Inspired by Hero, Crouching Tiger Hidden Dragon, House of Flying Daggers
Features: Flowing ink-wash textures, floating cherry blossoms 🌸, imperial lanterns 🏮, traditional Chinese rank seals (壹 貳 叁), film grain, gold shimmer animations, dramatic red/gold lighting
Colors: Deep black + crimson red (#D32F2F) + imperial gold (#FFB300)
Typography: Elegant serif fonts reminiscent of classical calligraphy
Animations: Floating petals, ink flow (20s cycle), gold shimmer, dragon pulse, film grain
Best For: Maximum cinematic impact, tournament finals, professional broadcasts, cultural events, championship matches
✨ Preview Imperial Dynasty ✨

💡 Mix & Match: Add &full=true to any style for full scores!

Examples:

✨ Features