로그인시작하기

바이브 코딩으로 게임 만드는 법: 브라우저 하나로

바이브 코딩은 원하는 게임을 말로 설명하고 코드는 AI에게 맡기는 방식이에요. 강의나 설치 없이 휴대폰이나 PC 브라우저에서 3D 게임을 만드는 순서를 정리했어요.

바이브 코딩은 만들고 싶은 것을 말로 설명하고, 코드는 AI에게 맡기는 방식이에요. 2025년 2월 안드레이 카파시(Andrej Karpathy)가 처음 붙인 이름이고, ‘바이브코딩’이라고 붙여 쓰기도 해요. 요즘은 이렇게 게임을 만드는 사람도 많아요. 코드를 한 줄씩 읽는 대신 게임을 직접 플레이해 보고, 마음에 안 드는 부분을 다시 말로 고쳐 달라고 하면 돼요.

이 글은 OrigoZero에서 바이브 코딩으로 3D 게임을 만드는 순서를 정리한 가이드예요. 코딩 강의를 따로 듣지 않아도 되고, 설치할 프로그램도 없어요. PC든 휴대폰이든 브라우저 하나면 시작할 수 있어요. 바로 해 보고 싶다면 만들기 페이지를 열어 보세요.

바이브 코딩 게임은 어떻게 만들어지나요?

OrigoZero에서는 채팅창에 게임을 설명하면 AI 에이전트가 Zero 엔진에서 그 게임을 만들어요. Zero 엔진은 브라우저 탭 안에서 실행되는 실시간 3D 게임 엔진이라, 에이전트가 만드는 모습을 같은 화면에서 지켜볼 수 있어요.

에이전트는 게임에 들어갈 이미지, 리깅까지 된 3D 모델, 텍스처, 음악과 효과음, 음성, 애니메이션도 직접 만들어서 넣어요. 그래서 한 줄짜리 설명으로 시작해도 캐릭터와 배경, 소리를 에이전트가 채워 갈 수 있어요.

준비물

  • WebGPU를 지원하는 브라우저. Zero 엔진은 WebGPU로 3D 그래픽을 그려요. 최신 버전의 Chrome이나 Edge라면 대부분 지원해요.
  • OrigoZero 계정. 무료로 만들 수 있고, 만 13세 이상이면 가입할 수 있어요.
  • 인터넷 연결. 에이전트는 내 브라우저에 열린 엔진에서 작업해요. 만드는 동안에는 탭을 열어 두세요.

바이브 코딩으로 게임 만드는 법, 5단계

  1. 만들기 페이지를 열어요. 브라우저에서 origozero.ai/ko/create에 들어가세요.
  2. 만들고 싶은 게임을 설명해요. 친구에게 말하듯 적으면 돼요. 배경이 어디인지, 플레이어가 무엇을 하는지, 어떤 분위기인지가 들어가면 좋아요. 아이디어가 떠오르지 않으면 화면에 떠다니는 단어를 눌러 보세요. 누른 단어가 설명에 더해져요.
  3. 만들기를 시작해요. ‘만들기 시작’을 누르고 로그인하거나 회원가입하면 비공개 월드가 하나 생기고, 에이전트가 Zero 엔진에서 실시간으로 만들기 시작해요.
  4. 플레이하면서 고쳐 달라고 해요. 직접 해 보고 어색한 부분은 같은 대화에서 말하세요. “점프가 너무 높아요”, “적을 두 배로 늘려 주세요”, “밤으로 바꾸고 비를 내려 주세요”처럼요.
  5. 게시해요. 마음에 들면 월드를 게시하세요. 게시한 월드에는 누구나 브라우저에서 열 수 있는 페이지와 플레이어가 생겨요.

첫 프롬프트는 이렇게 써 보세요

짧게 써도 되지만, 장소, 할 일, 목표가 들어 있으면 에이전트의 첫 결과가 원하는 쪽에 가까워져요. 그대로 붙여넣어도 되는 예시예요.

  • 편의점 타이쿤: “새벽 편의점을 운영하는 타이쿤 게임. 손님이 오면 계산하고, 빈 진열대를 채우고, 번 돈으로 매장을 넓혀요.”
  • 강변 자전거 레이스: “해 질 무렵 강변 공원을 달리는 자전거 레이싱 게임. 산책하는 사람을 피해 세 바퀴를 가장 먼저 도는 사람이 이겨요.”
  • 불 꺼진 학교 탈출: “밤에 불 꺼진 학교에서 빠져나가는 공포 게임. 손전등 하나로 열쇠 세 개를 찾아 정문을 열어야 해요.”
  • 운동장 눈싸움: “눈 쌓인 운동장에서 두 팀이 겨루는 눈싸움 게임. 눈덩이에 맞으면 느려지고, 3분 뒤 점수가 높은 팀이 이겨요.”

처음부터 큰 게임을 한 번에 요청하기보다, 작은 게임 하나를 먼저 돌아가게 만들고 기능을 하나씩 더해 가는 편이 결과가 좋아요.

휴대폰으로 만들 때 알아 둘 점

같은 사이트가 휴대폰 브라우저에서도 열려요. Zero 엔진에는 휴대폰 화면에 가상 스틱과 버튼을 띄우는 터치 조작이 들어 있어요. 그래도 설명에 “휴대폰에서 터치로 플레이할 수 있게”라고 한 줄 넣으면, 에이전트가 손가락으로 하기 좋은 조작을 염두에 두고 만들어요.

브라우저가 WebGPU를 지원하지 않으면 엔진은 아무것도 다운로드하지 않고, 컴퓨터에서 열어 달라고 안내해요. 그럴 때는 같은 계정으로 PC에서 이어서 만들면 돼요. 월드는 계정에 저장되니 기기를 바꿔도 그대로 남아 있어요.

코딩을 몰라도 되나요?

네. 스크립트, 씬, 머티리얼, 사운드는 에이전트가 작성해요. 내가 할 일은 게임을 설명하고, 플레이해 보고, 고칠 점을 말하는 거예요. 설명만으로 게임을 만드는 과정은 코딩 없이 게임 만들기 페이지에도 정리해 뒀어요.

그렇다고 코드가 숨겨져 있지는 않아요. Zero 엔진의 월드는 Luau 코드와 데이터로 이뤄져 있어서, 에이전트가 바꾼 내용은 모두 직접 읽고 편집할 수 있는 텍스트예요. 잘 돌아가는 게임의 코드를 열어 보면서 프로그래밍을 익히는 것도 한 방법이에요.

비용은 얼마나 드나요?

브라우저에서 만드는 건 무료이고, 무료 요금제에는 매달 200크레딧이 들어 있어요. 크레딧은 에이전트가 쓰는 AI 모델의 사용료로 나가고, 사용한 만큼 빠져요. 그래서 게임 전체를 만들어 달라는 요청이 점프 높이를 조금 바꾸는 요청보다 보통 더 들어요. 에이전트가 응답할 때마다 든 비용은 채팅에 표시돼요.

게시하는 데는 비용이 들지 않아요. 더 많이 만들고 싶다면 Builder 요금제(매달 20달러, 4,000크레딧)와 Studio 요금제(매달 100달러, 20,000크레딧)가 있어요. 자세한 내용은 요금제와 크레딧에서 볼 수 있어요.

쓰던 코딩 에이전트가 있다면

Claude Code, Codex, Cursor, Gemini CLI처럼 MCP를 지원하는 에이전트로 이미 바이브 코딩을 하고 있다면, ZeroMind 플러그인을 설치해서 그 에이전트를 Zero 엔진에 연결할 수 있어요. 익숙한 에이전트로 같은 엔진에서 월드를 만들고 게시하면 돼요. 연결 방법은 에이전트 연결하기 페이지에 있어요.

친구에게 링크로 보내기

게시한 월드의 링크를 카카오톡이나 Discord로 보내면, 받은 사람은 휴대폰이든 PC든 브라우저에서 바로 열어 플레이해요. 따로 설치할 것은 없어요. Zero 엔진의 월드는 기본적으로 멀티플레이라서, 공유한 링크는 같이 플레이하자는 초대이기도 해요. 게임이 마음에 든 사람은 포크해서 자기 월드로 고쳐 볼 수도 있어요.

다른 사람이 만든 게임부터 해 보세요

OrigoZero에 게시된 월드를 몇 개 플레이해 보면 어디까지 만들 수 있는지 감이 와요. 거대한 자작나무가 되어 바람에 꽃가루를 실어 보내고 마을 사람들의 재채기를 연달아 터뜨리는 Pollen Fury, 전기톱으로 나무를 베어 제재소로 나르고 번 돈으로 장비를 업그레이드하는 Timber Tycoon 같은 게임이 있어요. 더 많은 게임은 월드 둘러보기에서 찾을 수 있어요.

처음이어도 괜찮아요. Zero부터 시작하면 되니까요. 만들고 싶은 게임을 설명하고 에이전트에게 첫 요청을 보내 보세요.

  • vibe-coding
  • vibe-coding-game
  • how-to-make-a-game
  • ai-game-maker
  • zero-engine
  • play-in-browser
← 전체 글