---
id: 550e8400-e29b-41d4-a716-446655440001
category: Dev
confidence_score: 0.95
tags: [Game Design, Street Fighter, CRT, Canvas, React]
last_reinforced: 2026-04-21
github_commit: "initial"
---

# [[Street Duel Fighter|Street Duel Fighter]]

## 📌 한 줄 통찰 (The Karpathy Summary)
> 16비트 아케이드의 CRT 미학과 현대적인 React/Canvas 기술을 결합하여 오감을 자극하는 격투 게임 기획 및 구현 프로토콜.

## 📖 구조화된 지식 (Synthesized Content)
- **추출된 패턴:** 클래식 격투 게임의 메카닉을 웹 기술(React 18 + Tailwind v4 + Canvas API)로 재해석하여 고성능 인터랙티브 데모 구축.
- **세부 내용:**
    - **Visual Identity**: CRT 스캔라인 효과, 픽셀 아트 스타일, 네온 컬러 팔레트를 통한 강렬한 레트로 감성.
    - **Core Mechanics**: 8인 캐릭터 시스템, 6종 스테이지, Canvas 기반의 프레임 단위 충돌 판정 및 HP 시스템.
    - **Tech Stack**: 가벼운 라우팅(Wouter)과 강력한 스타일링(Tailwind v4)을 통한 쾌적한 UX.

## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
- **정책 변화**: 단순한 정적 기획서를 넘어, 즉시 플레이 가능한 '전투 훈련기'와 '데모'를 포함하는 실행 중심의 기획서 표준 제안.

## 🔗 지식 연결 (Graph)
- **Parent**: Game Design
- **Related**: Retro Aesthetics, Canvas Interaction
- **Raw Source**: 00_Raw/2026-04-21-STREET_DUEL_FIGHTER_Prompt