r/vibecoding•5개월 전•166•40
주말 동안 2D 워크래프트 2 스타일 RTS를 3D 워크래프트 3 스타일로 '바이브 코딩'했습니다 (작업 중)
I vibe-coded my 2D Warcraft 2 inspired RTS into a 3D Warcraft 3 inspired RTS over a weekend (still WIP)
핵심 요약
Claude와 Meshy.ai를 활용해 2D RTS 게임을 3D로 전환하고, 실시간으로 모드를 전환할 수 있는 기능을 구현했습니다.
- AI 기반 개발 — Claude와 Meshy.ai를 활용해 2D RTS를 3D로 전환함
- 실시간 모드 전환 — 'O' 키를 눌러 2D와 3D 모드를 즉시 전환할 수 있음
- 최적화 파이프라인 — 3D 모델을 2D 스프라이트 시트로 베이킹하여 웹 성능을 확보함
- 건물 애니메이션 — 진행률 표시줄 대신 건물이 지어지는 과정을 시각적으로 구현함
Part 1은 몇 주 전에 올렸으니 놓치셨다면 확인해보세요: https://www.reddit.com/r/vibecoding/comments/1s8w5ib/i_vibecoded_a_full_wc2_inspired_rts_game_with/
이번 주말에 이틀 정도 시간을 내서 2D WC2 스타일 RTS를 3D WC3 스타일 게임으로 바꿨습니다. 아직 작업 중이지만 이제 두 모드 모두 플레이 가능합니다. 게임 내에서 'O' 단축키를 누르면 언제든지 클래식 2D 모드와 새로운 3D 모드를 전환할 수 있습니다. 여기서 브라우저로 플레이해 보세요: https://shardsofstone.com/
모든 진영의 건물 모델 갤러리는 여기서 확인 가능합니다:
https://www.shardsofstone.com/buildings-preview.html?optimized=1
완료된 작업:
- 268개의 건물을 3D로 생성했습니다 (9개 진영, 벽/길/횃불 등 절차적으로 생성되는 요소를 포함해 총 296개의 건물 정의). meshy.ai를 사용해 생성했습니다.
- 지금까지 건물 생성에 meshy에 약 £50를 썼습니다. 유닛은 아마 £50에서 £100 정도 더 들 것 같습니다.
- 유닛은 건물보다 수작업이 더 많이 들어갑니다. Meshy의 UI가 리깅과 애니메이션 작업 시 API보다 더 좋고, 실패하는 경우도 많아서 UI에서 제공하는 무료 재시도 기능을 많이 활용합니다.
- 쥐(Rat) 진영은 모든 유닛의 3D 작업이 완료되었습니다. 다른 진영들도 일부 공성, 비행, 해상 유닛은 완료되었습니다. 나머지는 일단 2D 상태입니다.
- 애니메이션 스프라이트 시트 파이프라인. 3D 모델을 2D 애니메이션 스프라이트 시트로 구워내서 2D 모드에서도 제대로 된 유닛 애니메이션을 볼 수 있게 했습니다. 일석이조죠.
- GLB 최적화 파이프라인, 2D 스프라이트 최적화와 같은 아이디어입니다. 웹용 모델을 통해 브라우저에서 수백 개의 유닛과 건물을 실행해도 적절한 FPS를 유지할 수 있습니다. 환경에 따라 다를 수 있지만, 제 컴퓨터에서는 잘 돌아갑니다.
- 건물이 지어질 때 애니메이션이 작동하여, 단순히 진행률 표시줄만 보여주는 대신 건설 과정을 시각적으로 보여줍니다.
