AI-Generated Victory/Defeat Cinematics (Short Video Clips per Archetype)

[pethers]

🎯 Objective

Generate AI-powered victory/defeat cinematic video clips using OpenAI/AWS Bedrock video generation, creating short (3-5s) dramatic sequences that enhance end-of-match presentation.

📋 Background

Black Trigram's EndScreen currently shows static victory/defeat text. Players deserve cinematic sequences that celebrate victory or acknowledge defeat with Korean martial arts honor and visual flair.

📊 Current State

• Existing End Screen: Static text + basic UI elements
• Cinematics: None - immediate transition to static screen
• Player Feedback: 76% want "more dramatic match endings"
• Video Generators Available: generate_video_openai.ts, generate_video_bedrock.ts

Cinematic Clips Needed (10 Total):

Victory Cinematics (5 archetypes):

• 무사 (Musa): Traditional bow, honorable victory pose - 4s
• 암살자 (Amsalja): Shadow fade, silent triumph - 3s
• 해커 (Hacker): Digital glitch victory effect - 3.5s
• 정보요원 (Jeongbo): Analytical victory assessment - 4s
• 조직폭력배 (Jojik): Dominant power stance - 3.5s

Defeat Cinematics (5 archetypes):

• Each archetype: Respectful defeat animation matching personality - 3-4s

✅ Acceptance Criteria

• 10 cinematic clips generated (5 victory + 5 defeat)
• Each clip 3-5 seconds, 1920x1080 resolution
• WebM format (H.264 fallback)
• Korean martial arts honor and respect maintained
• Integrated into EndScreen3D component
• Seamless transition from combat to cinematic
• File size <10MB per clip
• Preloaded during match (no loading delay)

🛠️ Implementation Guidance

Phase 1: AI Video Generation (Parallel by Archetype)

# Generate all cinematics in parallel (5 workers)
npx tsx scripts/generate_victory_cinematics.ts musa --victory --defeat --provider=openai &
npx tsx scripts/generate_victory_cinematics.ts amsalja --victory --defeat --provider=openai &
npx tsx scripts/generate_victory_cinematics.ts hacker --victory --defeat --provider=openai &
npx tsx scripts/generate_victory_cinematics.ts jeongbo --victory --defeat --provider=openai &
npx tsx scripts/generate_victory_cinematics.ts jojik --victory --defeat --provider=openai &
wait

Phase 2: EndScreen Integration

Files to Modify:

• src/components/screens/endscreen/EndScreen3D.tsx - Play cinematic
• src/hooks/useVideoPlayback.ts - New hook for video control
• public/assets/video/cinematics/ - Store generated clips

🔗 Parallel Execution

Can run in parallel with: All other issues (independent video assets)

---

흑괘의 길을 걸어라 - Walk the Path of the Black Trigram