IT 비전공자가 replit 바이브코딩으로 게임 만든 방법


replit 바이브코딩, 진짜 될까? 🤖

IT 비전공자도 replit 바이브코딩으로 게임을 만들 수 있을까?

그래서 직접 해봤습니다.

결론부터 말하면

‘됩니다.’

하지만 역시 문제가 같이 따라옵니다.


이번엔 다르게 접근했습니다

프롬프트 엔지니어링?
복잡한 설계?

없습니다.

…라고 말하고 싶었습니다.

사실 지난 글에서는 google ai studio로 무작정 시켜봤습니다.

[지난 글이 궁금하다면? 👉 바이브코딩으로 게임 만들기: IT 비전공자의 Google AI Studio 실험기]

그냥 시켜봤습니다.

정말로요.

그래서 어떤 일이 벌어졌냐면

에러가 와장창 났습니다.

당연합니다.

그래서 이번에는 프롬프트를 먼저 만들었습니다.

조금 똑똑해진 척을 해봤습니다.


시작: 프롬프트를 AI에게 맡겼습니다

이번에는 바로 replit에 명령을 입력하지 않았습니다.

먼저 Google AI studio에서 이렇게 요청했습니다.

replit에 프롬프트를 입력해서 2d 고양이 게임을 웹으로 만들거야. 비행기 게임과 비슷하지만 비행기 대신 고양이가 있는 게임이라고 할 수 있어. replit에 입력할 프롬프트를 만들어줘. 만약 프롬프트의 성능을 올리기 위해 필요한 정보가 있다면 프롬프트를 만들기 전에 내게 물어봐줘

그러자 AI가 몇 가지를 물어봅니다.

이 순간 깨달았습니다.

아… 나보다 얘가 더 진지하다.

그래서 질문에 하나하나 답해줬습니다.

그 결과

꽤 잘 만든(정말로 잘 만든) 프롬프트가 나왔습니다.

여기서 얻은 교훈,

프롬프트를 잘 만들면 이미 반은 끝난 게임이라는 것입니다.


본격적인 바이브코딩 게임 만들기 🐱

이제 replit 바이브코딩을 시작했습니다.

이번 목표는 단순합니다.

고양이 게임 만들기

  • 장애물을 피한다
  • 모찌를 먹는다
  • 살아남는다

생각보다 인생과 닮아있습니다.

게임 이름은 이렇게 정했습니다.

냐옹별 모찌 배달

이름은 귀엽습니다.

내용은 생존 게임입니다.


결과: 한 번에 되긴 됐습니다

프롬프트를 넣었습니다.

그리고 실행했습니다.

결과는…

replit 바이브코딩으로 작성한 게임 프롬프트와 실행된 게임 preview 화면

됩니다.

진짜로 됩니다.

에러가 났을까요?

없었습니다.

이건 좀 희한했습니다.


그러나 역시 문제는 생깁니다: 이미지 크기가 이상합니다

완벽할까요?

그럴 리 없습니다.

고양이도 작고, 장애물도 작고, 모찌도 작습니다.

전체적으로

뭔가 귀엽긴 한데 너무 작습니다.

그래서 요청했습니다.

전체 게임 화면에 알맞은 크기로 키워줘

AI가 수정해줬습니다.

그리고 결과는…

여전히 작습니다.

그래서 다시 요청했습니다.

지금보다 적어도 5배 확대해줘

이번엔 커도 너무 큽니다.

이 크기의 2분의 1로 줄여줘

이 과정을 몇 번 반복하니

적당한 크기로 잘 맞춰졌습니다.

결론은 간단합니다.

한 번에 맞을 리 없습니다.

replit 바이브코딩에서 게임 캐릭터와 장애물 이미지 크기를 수정하기 위한 프롬프트 입력 화면
사람이면 짜증 낼 법도 한데 묵묵히 일을 하는 착한 ai입니다.

다른 문제가 보입니다: 배경이 끊깁니다

이제 크기도 적당하고 오류는 없지만 배경이 끊깁니다.

이미지의 끝이 보입니다.

그래서 요청했습니다.

배경이 자연스럽게 이어지도록 수정해줘

AI가 수정해줬습니다.

하지만 애매합니다..

몇 번의 과정을 반복해본 뒤 결론을 내렸습니다.

이미지를 직접 고치는 게 더 빠르다구요.


또 다른 문제: 보이지 않는 충돌

그리고 하나 더 문제가 있었습니다.

고양이가 장애물에 정확히 부딪히지도 않았는데 라이프가 깎입니다.

그래서 원인을 물어봤습니다.

결론은 이거였습니다.

PNG 이미지의 투명한 영역까지 충돌로 인식하고 있는 것이었습니다.

보이지 않는 것과도 충돌하고 있었던 겁니다.

인생이랑 비슷합니다.

그래서 다음과 같이 요청했습니다.

바이브코딩 게임 만들기 중 PNG 투명 영역 충돌로 라이프가 감소하는 오류를 해결하기 위한 프롬프트 화면

AI가 충돌 로직을 수정해줬습니다.

이후에는

장애물에 정확히 부딪혔을 때만 라이프가 차감됩니다.

정상적인 세상이 되었습니다.


욕심은 언제나 문제를 만듭니다 🎧

여기서 멈출 수 있었습니다.

하지만 인간은 멈추지 않습니다.

효과음을 넣고 싶어졌습니다.

그래서 말했습니다.

결과는..

예전 DOS 시절 감성의 효과음을 넣어주긴 합니다.

기대는 하지 않는 게 좋습니다.

그래도

이 정도면 성공입니다.

완성된 replit 바이브코딩 게임

테스트 해볼 수 있는 replit 바이브코딩 게임

궁금하면 테스트 해 볼 수 있습니다만, 비용 문제로 26년 4월 10일 이후로 안 될 예정입니다
-> https://mochi-delivery–healingvillage.replit.app


replit 바이브코딩의 핵심 특징

이번 실험에서 느낀 핵심입니다.

  • 속도가 빠릅니다
  • 결과가 바로 나옵니다
  • 대신 디테일은 부족합니다

그리고 중요한 것 하나,

오래 기다리지 않아도 됩니다.

이건 생각보다 큰 장점입니다.


바이브코딩 현실: 무료는 무료답습니다

좋은 점만 있는 건 아닙니다.

  • 겨우 이거 하나 만드는데 무료 크레딧 49% 사용
  • publish 후 29일 뒤 만료

즉,

계속 쓰려면 결국 돈이 필요합니다.

세상은 역시 공평합니다.

Google AI Studio와의 차이

잠시 비교해보자면,

Google AI Studio는

  • 다소 느립니다
  • 친절합니다
  • 무료로 쓸 수 있습니다

Replit은

  • 다소 빠릅니다
  • 설명은 적습니다
  • 좀 더 똑똑한 것 같습니다
  • 무료로 쓸 수 있는 용량이 적습니다

결론: IT 비전공자 바이브코딩, 된다. 하지만…

이번 실험을 정리하면 이렇습니다.

  • 비개발자도 replit 바이브코딩으로 게임 만들기 가능합니다
  • 프롬프트가 결과를 결정합니다
  • 속도는 확실히 빠릅니다
  • 하지만 완성도는 사람이 만져야 합니다

그리고 가장 중요한 결론,

코딩보다 중요한 건 설명하는 능력입니다.

코드를 몰라도 됩니다.

대신,

문제를 정확하게 말해야 합니다.


다음 글

다음 글에서는 바이브코딩을 통해 Bolt AI로 수익화 가능한 이미지 갤러리 만든 방법을 정리해보겠습니다.

👉 [IT 비전공자 바이브코딩 실험: Bolt AI로 이미지 갤러리 만들고 후원 위젯까지 붙인 방법]


*본 글은 개인적인 경험과 데이터 분석을 바탕으로 작성되었으며, 개개인의 상태와 환경에 따라 체감은 달라질 수 있습니다.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

error: Content is protected !!
위로 스크롤