[미니사례] 21기 2주차 핵심강의-클로드 코드로 만들어본 인생 최초의 게임

소개

Claude Code 를 사용하기 위해 설치법과 접근법을 배웠으며,
태어나서 처음으로 게임을 만들어 봤습니다.

지금 게시글을 쓰기 위해 대화 기록을 열어 달라고 했지만,
게임 개발 종료 후 구글 크롬과 연결하는 과정에서 에러가 발생했습니다.
크롬과 클로드를 닫았다 열기를 반복했더니
세션이 종료 되어 대화가 없다고 합니다.
그래서 부득이 제 모자란 기억으로 작성합니다.

진행 방법

1주차에 클로드 코드를 설치하긴 했지만 아직 낯설어서 사용하지 못하고 있었습니다.
개발자 F님의 설명을 보면서 설치과정을 다시 따라 갔습니다.

하지만 중간에 뭔가 에러가 났고 게임 제작부터는 화면만 보고 강의가 끝났습니다.
다음날인 오늘, 다시보기를 보면서 게임을 개발해 보기로 했습니다.

먼저 test-game 이라는 폴더를 만들고 게임을 만들자고 했습니다.

너구리 게임을 만들거야. 캐릭터는 고양이로 바꿔서 만들자

클로드가 게임을 열심히 기획하기 시작했습니다.
제미나이에게도 기획서를 만들어 달라고 했습니다.
제미나이가 고양이 캐릭터도 만들어 주네요.

Google Chat 한국어 버전의 스크린샷

구글 번역 한국어 - 스크린샷 1

제미나이 기획서 내용을 복사해서 클로드 코드에 넣고
기획서를 업데이트 해달라고 했습니다.
뭐가 다른지 저는 모르겠는데 다른 부분이 있다면서 기획서를 업데이트했습니다.

그리고 게임을 만들기 시작했습니다.

Adobe CS의 코드 편집기 스크린샷

게임이 생각보다 금방 완성되었습니다.

이번에는 제미나이가 만들어준 고양이 캐릭터 이미지를 캐릭터에 활용해 달라고 했습니다.
클로드가 코드를 열심히 수정했습니다.

비디오 게임의 스크린샷

그리고 고양이가 박스에 들어가서 나타났습니다.
이미지가 제대로 잘리지 않은 채 구현되었더군요.

그래서 내가 이미지를 아예 잘라서 주는게 빠를 것 같아 잘라주겠다고
어떻게 자르면 되냐고 물었지만 고집을 부리면서 계속 코드로 해보려고 시도를 합니다.
의외로 고집이 셉니다.
세번쯤 에러가 나고 드디어 클로드가 이미지를 잘라달라고 크기를 지정해 줍니다.

그래서 포토샵에서 지정된 사이즈로 이미지를 잘랐습니다.

드디어 마지막으로 코드를 수정하고 게임이 완성되었습니다.

2층에 앉아 있는 고양이를 볼 수 있네요.
화살표 키를 누르면 모든 동작이 제대로 구현되고 있는 것을 확인할 수 있습니다.
다른 이미지는 당분간 수정하지 않기로 했습니다.

언젠가 게임을 업그레이드 할 생각이 들면 이어서 진행하겠습니다.
그러려면 이 폴더를 git에 올려야 할까요? 시간날 때 도전해 보겠습니다.

결과와 배운 점

무사히 게임이 완성되었지만 세션이 끊나면 대화도 날아간다는 것을 알았습니다.
뭐든 그때 그때 저장해야 합니다.
게임에 원하는 이미지를 넣고 싶다면 기획과 함께
처음부터 잘라서 주는게 좋다는 사실도 알았습니다.
다음 프로젝트에 당분간 게임은 없는 것으로...

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요