Claude Code로 첫 HTML5 게임 만들기: 작게 시작하는 5단계

AI 코딩 도구로 첫 게임을 만들 때 가장 흔한 실패는 "너무 큰 게임"을 한 번에 요청하는 것입니다. 첫 게임은 한 화면, 한 가지 조작, 한 가지 규칙으로 줄이는 편이 완성 확률이 훨씬 높습니다.

1단계. 규칙을 한 문장으로 쓰기

예를 들어 "떨어지는 별똥별을 피하며 오래 버티면 점수가 오른다"처럼 한 문장으로 규칙을 정합니다. 이 문장이 AI에게 주는 첫 번째 지시문이 됩니다.

2단계. 실행 환경은 브라우저로 고정하기

HTML 파일 하나와 JavaScript 만으로 시작하면 설치 없이 바로 실행해 볼 수 있습니다. 엔진이 필요하다면 그다음 단계에서 고려해도 늦지 않습니다.

3단계. 한 번에 한 가지만 요청하기

• 먼저 화면과 플레이어 이동만 만들어 달라고 요청합니다.
• 동작을 직접 확인한 뒤 장애물을 추가합니다.
• 점수, 게임 오버, 다시 시작을 마지막에 붙입니다.

4단계. 모바일 조작을 처음부터 생각하기

키보드만 지원하면 휴대폰에서는 플레이할 수 없습니다. 터치나 포인터 이벤트를 함께 쓰도록 처음부터 요청하세요.

5단계. 공개하기

정적 파일만으로 구성된 게임은 정적 호스팅에 올리면 바로 공개할 수 있습니다. 공개한 주소를 AIGameMoa 게임 등록에 제출하면 검수 후 쇼케이스에 소개됩니다.

실패했을 때

요청이 꼬이면 새 대화를 열고 "현재 코드 전체"와 "고치고 싶은 한 가지"만 전달하는 편이 대체로 더 안정적입니다. 이 과정도 제작 일지로 남기면 다른 제작자에게 좋은 자료가 됩니다.