tekkenCloneTemplate

철권 클론코딩 템플릿 학생이 작업할 수 있게 html 파일 하나로 제작하자

🚀 서버 실행 방법

방법 1 — Python (추천, 별도 설치 불필요)

# Python 3
python3 -m http.server 8080

# Python 2
python -m SimpleHTTPServer 8080

실행 후 브라우저에서 http://localhost:8080 접속

방법 2 — Node.js (npx 사용)

npx serve .

실행 후 터미널에 출력된 주소로 접속

방법 3 — VS Code Live Server 확장

1. VS Code에서 index.html 파일 열기
2. 오른쪽 하단 Go Live 버튼 클릭
3. 브라우저가 자동으로 열림

⚠️ index.html을 브라우저에서 직접 열면(file://) 사운드가 재생되지 않을 수 있습니다. 반드시 서버를 통해 실행하세요.

철권

플레이어 1명이서 캐릭터를 선택해 AI와 격투하는 게임. 방향키(상하좌우), 약주먹/강주먹, 약발/강발 을 조합해 여러 커맨드를 넣을 수 있다

• 클론 코딩할때 비트/도트로 모든 맵과 캐릭터를 제작해서 저작권 문제없이 진행.
• 브금과 효과음은 /sound 참고. 시작할땐 sound/fighting.mp3, 끝날땐 sound/mlg-resource-street-fighter-ko-greenscreen.mp3
• 한 판에 60초 진행. 2선승제. AI 난이도가

가능한 캐릭터

• 화랑: 발차기 잘하는 한국 캐릭터. 이동기와 잡기에 능숙하다
• 스티브: 주먹 잘 쓰는 미국 캐릭터. 이동기와 잡기에 능숙하다
• 솔져: 총 잘쏘는 군인 캐릭터. 원거리 공격에 능하다

맵 - 플레이 화면

플레이어가 캐릭터를 선택하면 대전 스테이지를 제공함. 2D 맵에서 좌우 이동과 점프 가능하다. 어느정도의 AI 난이도 알고리즘은 필요함. 2선승제 승리. 게임 진행 중에는 상단 시간초가 줄어들어야함.(시작할때 60초)

성공/실패

누군가 체력이 다 떨어지거나 시간초가 0초가 되면 끝난다.