코딩을 전혀 모르는 내가 ChatGPT만 사용해 2개월 동안 제대로 된 게임을 만든 과정

Boxxy.io 오리지널 레벨 팩 50개 중 하나를 선택하는 화면

레벨 디자인은 전부 수작업이야. 오리지널 Boxxy 레벨이랑 레벨 팩들은 ChatGPT나 생성형 AI 안 쓰고 내가 직접 다 만들었어. 이게 아마 이번 프로젝트에서 제일 힘들었을걸. 괜찮은 소코반 레벨 만드는 게 생각보다 진짜 어렵거든. 한참 공들여서 만들고 몇 번 풀어보다 보면, 어이없는 지름길이 발견되거나 게임이 영 재미없을 때가 있거든. 그래도 그 과정 자체가 엄청 즐거웠어.

최근에는 사용자 계정이나 서버 쪽처럼 겉으로 티는 안 나지만 뒤에서 돌아가는 귀찮은 작업들을 하고 있어. 게임하는 사람들은 별로 관심 없겠지만 나한테는 엄청 큰 성과거든. 두어 달 전만 해도 이런 거 어디서부터 손대야 할지 감도 안 잡혔을 텐데, 이제는 '문의하기' 페이지도 있고 사용자 로그인 기능까지 만들었어! 또 하나 신경 쓴 건 외부 서버나 툴, 플러그인에 의존하지 않는 거야. 도메인 연결에 필요한 Cloudflare 빼고는 거의 다 자체적으로 해결했어. 나중에 플러그인 같은 거 업데이트 안 돼서 고장 나고 골치 아픈 상황을 미리 방지하려고 그런 거지.

.buffering-track-fill { stroke-dasharray: 100; stroke-dashoffset: 50; }

초반 레벨 몇 개 플레이 영상

내가 만든 이 방식을 뭐라고 불러야 할지 잘 모르겠네. ChatGPT가 코드 대부분을 짜주니까 전통적인 코딩은 확실히 아니야. 그렇다고 '바이브 코딩'이라고 하기엔 좀 부족한 게, 그냥 AI한테 시키고 주는 대로 받아먹는 게 아니거든. 전체 구조가 어떻게 돌아가는지 이해하고, 어떻게 작동하게 할지 결정하고, 테스트하고, 문제 찾고, 엉터리 해결책은 쳐내고, 가끔은 접근 방식 자체가 틀렸으니 처음부터 다시 하라고 갈구기도 해야 해. "이거 대충 땜질하지 말고 근본부터 다시 고쳐"라는 말을 입에 달고 살지. 코드가 지저분해지는 꼴을 못 봐서 가끔은 내가 직접 코드 건드려서 수정하기도 한다고! 나 자신 칭찬해!

코딩 좀 치는 내 친구가 지금 상황을 딱 정리해줬는데, 진짜 공감 가더라. 이제 영어가 사실상 또 하나의 프로그래밍 언어가 됐다는 거야. 걔는 나보다 훨씬 코딩 잘하는 놈인데도, 요즘은 AI가 일을 다 해주니까 직접 코드 짜는 일이 거의 없대. (참고로 걔는 Claude 씀)

리누스 토발즈(리눅스 만든 사람)도 최근에 비슷한 말을 했어. AI 도구를 컴파일러에 비유하더라고. 컴파일러가 나왔다고 프로그래머가 사라진 건 아니잖아? 그냥 0이랑 1로 모든 걸 다 짤 필요가 없어진 것뿐이지.

내 코딩 친구가 또 중요한 말을 했는데, 80년대에는 게임 하나를 한 명이나 아주 작은 팀이 만들었잖아. 그러다 세월이 흐르면서 게임 규모도 커지고 돈도 엄청나게 들어가는 판이 됐지. 근데 AI랑 코딩 덕분에 다시 예전처럼 소규모 인디 팀이 게임을 만드는 시대로 돌아가고 있어. 이거 좀 낭만 있지 않냐? '홀트 앤 캐치 파이어'에 나오는 뮤티니 스타트업 생각나고 좋네!

내가 만든 이 방식을 뭐라고 불러야 할지 잘 모르겠네. ChatGPT가 코드 대부분을 짜주니까 전통적인 코딩은 확실히 아니야. 그렇다고 '바이브 코딩'이라고 하기엔 좀 부족한 게, 그냥 AI한테 시키고 주는 대로 받아먹는 게 아니거든. 전체 구조가 어떻게 돌아가는지 이해하고, 어떻게 작동하게 할지 결정하고, 테스트하고, 문제 찾고, 엉터리 해결책은 쳐내고, 가끔은 접근 방식 자체가 틀렸으니 처음부터 다시 하라고 갈구기도 해야 해.

어쨌든 Boxxy는 정말 애정을 듬뿍 쏟은 결과물이야. 의뢰받은 것도 아니고 돈 벌려고 시작한 것도 아니거든. 그냥 만드는 과정 자체가 너무 재밌어서, 쓸데없는 짓까지 해가면서 파고들었네. 한 30년 동안 "나도 저런 거 만들 수 있으면 좋겠다"라고 생각만 하다가 드디어 해냈다는 게 기분이 꽤 좋네.

.buffering-track-fill { stroke-dasharray: 100; stroke-dashoffset: 50; }

폰, 태블릿, 대형 화면 어디서든 잘 돌아가게 만들었어. 상호작용 방식도 다양하게 넣었고.

아무튼 위에 스크린샷이랑 게임 플레이 영상 좀 올려뒀어. 게임 직접 해보고 싶으면 온라인에서 금방 찾을 수 있을 거야.

대략적인 사실과 수치:

- 브라우저에서 ChatGPT 5.6으로 만듦. 새 채팅창 열 때마다 이전 내용을 다시 학습시켜야 해서 좀 귀찮았음.

- 현재 용량은 약 25mb, 코드 줄 수는 3만 줄 정도, Javascript, CSS, HTML로 작성됨, 현재 v282 (총 300번 정도 수정함)

- 여기까지 오는 데 두 달 정도 걸렸고, 하루에 몇 시간씩 매달렸음.

- 레벨 팩 4개를 직접 만들어서 총 113개의 새로운 레벨을 넣었고, 아직 공개 안 한 레벨도 100개 정도 더 있음.

- 애들이 캐릭터 보고 "AI 냄새 난다"고 놀려서, 애들한테 새 스프라이트 그려달라고 시켰음! 어떻게 나올지 기대되네.

- OpenAI 구독료 포함해서 총비용은 50파운드 정도.

- 브라우저, 모바일, 아이패드에서 다 잘 돌아감.

- 수익은 0원. 광고도 없고 회원가입도 없음.

• 최근에 만든 건 '문의하기' 페이지(메일 서버 안 사도 돼서 개꿀)랑 진행 상황 저장하는 유저 로그인 기능임.

• 지금 제일 하고 싶은 건 이걸 애플 TV에서 실행할 수 있는 앱으로 만드는 거임.

• Boxxy 백엔드는 존나 거대함. 직접 만든 레벨 메이커, 레벨 팩 빌더, 솔버 같은 것들도 다 포함돼 있고.

• 내가 원래 좋아하던 이스터 에그도 존나 많이 박아놨음!

대규모 프로젝트를 할 때는, Codex가 스스로 판단해서 엉뚱한 사이트 1000개를 긁어오거나 하는 식으로 사용량을 낭비하지 않도록, 제가 채팅을 통해 프롬프트를 짜서 Codex가 딱 한 가지 작업만 하고 멈추게 만들어요. 그렇게 하면 Codex가 과하게 생각해서 불필요한 짓을 하는 걸 막을 수 있거든요.

내 아이패드에서는 좀 느리네; PC에 키보드로 하는 게 더 나아.

어, 음, 1레벨 하는 중인데. 상자 하나는 제자리에 넣겠는데 나머지는 구석에 박혀버리네. 내가 뭘 뻔한 걸 놓치고 있는 것 같아.