[🔨활용] 순수 바이브 코딩으로만 만든 클리커/방치 웹게임 소개

[햄털이(39.120)]

우선 나로 말할 것 같으면 코딩 하나도 모르고 기본적인 HTML 작성법도 모름

프론트엔드 백엔드 구분 못했었음

제미나이 ais에 있는 build로 전부 만들었고 간단한거 하나조차(수치 바꾸는거) 전부 ai한테 맡겨둠

요즘 유행하기도 하고 나도 좋아하는 주제라 이 주제로 웹게임 만들었는데 

피드백이랑 내가 겪은 애로사항같은거 공유할 수 있을 것 같아서 적어봄
제작기간은 대충 하루에 12시간씩 써서 2주일 걸렸어

<시작메뉴>

시작하면 이런 화면이 보이는데 ui디자인 전부 ai한테 맡기고 맘에 안 들면 계속 갈아 엎었어

그리고 기분탓인진 모르겠는데 ai한테 그냥 지시하는 것 보다 역할을 부여해주는게 훨씬 결과값이 잘 나오더라

예시) ui가 구린데 다시 만들어줘 -> 당신은 애플 수석 UI 디자이너 입니다. UI를 전반적으로 검토하고 재설계해주세요

<거래소>

시작 버튼을 누르면 이런 화면이 보일건데 이건 거래소를 시뮬레이션 해서 만들었어

거래 내역이 실제 게임 내 npc들이 거래하게 만들어놔서 그냥 보여지는게 아니라 진짜 상호작용이 일어나고 있어

이 기능 만드는데 20시간정도 걸렸어

이런 복잡한 기능 프롬먹일땐 처음엔 최소 기능만 하는 전체적인 그림을 그려달라하고

그 다음엔 최대한 짧게 나눠서 ai한테 프롬먹이는게 좋은 것 같아.

내가 했던 순서는 차트 만들어줘 -> 캔들 만들어줘 -> 거래량 만들어줘 -> 시간대별 차트 나눠줘 등등..
그리고 제대로 기능하는지 테스트를 한번 해보고 혹시 모르니까 AI한테 한번 더 물어보면서 만들었어

예시)당신은 수석 프로그래머이자 테스터 입니다.

기능을 테스트하고 일론 머스크한테 작성하는 것 처럼 상세한 보고서를 작성해 주세요

(그냥 보고서 써달라하면 제대로 안 써줌)

<업그레이드 화면>

이런 화면 구현할때 가끔 내가 시키지도 않은걸 기능을 추가해서

그런 기능들을 삭제하고 싶은데 AI는 그런거 잘 못 알아듣는 것 같아

잼미니만 그런건줄 모르겠는데 어떤 기능을 삭제하라고 시키면

그게 삭제되어서 누락된 것 때문에 자꾸 오류가 나고 오류를 자동으로 고쳐

그러다가 자기가 263초동안 생각해서 찾아낸 해결법이 그 기능을 되살리는 방안인 악순환이 계속 일어나

그래서 나는 그냥 기능을 삭제하기보다 다른걸로 대체하라고 시켰어

그럼 이상하게 오류가 날 코드도 알아서 찾아서(삭제하라고 했으면 못 찾았을) 다른걸로 대체해서 오류가 안 나

그리고 프롬먹일때 코드가 어느정도 복잡해지면 이런 현상이 일어나

예시) A기능이 맘에 안 들어요 이렇게 수정해주세요 -> A기능 고치다가 그거랑 연관된 B기능, C기능이 고장남

그레서 한참 머리 굴리다가 생각해냈는데 애초에 프롬을 이렇게 하면 되더라고

A 기능이 맘에 안 들어요 고치세요 그리고 그걸 고침으로 영향이 가는 내용들도 모두 수정해주세요

별거 아닌것처럼 보이지만 이 방법을 알고나서 작업시간이 반의 반절로 준 것 같아

<뉴스기능>

뉴스같은 창의성 필요한건 잼미니가 잘하더라 그래서 그냥 만들어주는거 그대로 썻어

<NPC들 활동 볼 수 있는 탭>

이 외에도 구현한 기능들이 많은데 시작화면에 게임 위키 누르면 자세하게 정리해놨어 관심 있으면 한번 놀러 와

<게임 위키>

https://cornerroomminer.com/

Corner-Room Miner: Crypto Legacy

게임은 로컬저장이야 이유는 ais build는 백엔드는 구현 안 해주더라고
그래서 이 프로젝트 마치고 나서 커서나 클로드 코드같은거 구독해서 새 프로젝트는 백엔드 구현해서 해보고 싶어

읽어줘서 고맙고 질문 피드백 다 받아!

[바다기린(hancomputer)]

오

[익명(forgot6853)]

[ㅇㅇ 1(207.81)]

지리네 요즘 ai지리긴 한다... 수익 모델은 뭐야? 수익모델은 없는거?

[햄털이(39.120)]

광고 상하단에 ai한테 박아달라고 해서 넣어놨는데 어제 수익 2원나왔어 ㅋㅋ

[익명(shore1232)]

와 이걸 어케했노

[ㅇㅇ 2(106.247)]

헐 멋있다! 아이디어 굿

[ㅇㅇ 3(121.159)]

https://cornerroomminer.com/
이런 도메인같은 거 구매랑 연결 어디서 했어?

[햄털이(39.120)]

제미나이한테 물어보고 클라우드플레어로 연결했어 구글 ais build는 클라우드 런으로 도메인 없이 배포할 수 있는데 커스텀 도메인 하려면 클라우드플레어로 도메인 구입하고 따로 설정해줘야해

[햄털이(39.120)]

@햄털이(39.120) 꼭 클라우드플레어 아니여도 되긴 하는데 나같은 코딩 문외한한테는 제일 나은 것 같더라고

[익명(121.159)]

비쌀까?

[햄털이(39.120)]

@ㅇㅇ(121.159) 1년에 10달러정도? 도메인 주소에 따라 다르긴 한데 난 그정도 냈어

[익명(badly2727)]

개추

[ㅇㅇ 4(61.82)]

와...

[은바다(nmra3fmzhxmg)]

[익명(which4294)]

바이브코딩추

[익명(jospak)]

지리네;;

[203847년걸리겠죠(awful6856)]

무슨 모델 썼어? 잼민이? 아님 클로드? 몇달러짜리씀 글고