설치 없이, 코딩 몰라도 첫 게임 만들기

게임을 만들어 보고 싶은데 프로그램을 깔고 명령어를 치는 게 부담스럽다면, 브라우저에서 쓰는 AI 채팅만으로도 첫 게임을 만들 수 있어요. ChatGPT, Claude, Gemini 모두 무료 요금제가 있고, 버튼 하나로 하는 짧은 게임은 무료로도 충분히 만들어져요.

방법은 간단해요. AI에게 HTML 파일 하나로 된 게임을 부탁하고, 받은 코드를 붙여 넣어 실행하고, 해 본 느낌을 다시 말해서 고쳐요.

1. AI에게 HTML 파일 하나로 부탁하기

AI 채팅을 열고 아래처럼 부탁해 보세요. "HTML 파일 하나로"라고 꼭 적어야 따로 설치할 것 없이 바로 실행돼요.

2. 받은 코드를 바로 실행하는 두 가지 방법

방법 1. 온라인 편집기에 붙여 넣기. 파일을 만들 필요 없이 바로 해 볼 수 있어요. CodePen(codepen.io)에서 새 Pen을 만들고 HTML 칸에 받은 코드를 전부 붙여 넣으면 아래 화면에서 게임이 실행돼요.

방법 2. 파일로 저장해서 열기.

• 윈도우: 메모장에 코드를 붙여 넣고 "다른 이름으로 저장"에서 파일 이름을 game.html, 파일 형식을 "모든 파일", 인코딩을 UTF-8로 저장해요. 저장한 파일을 더블클릭하면 브라우저에서 열려요.
• 맥: 텍스트 편집기에서 새 문서를 열고 메뉴의 "포맷 → 일반 텍스트로 만들기"를 누른 뒤, 코드를 붙여 넣고 game.html로 저장해요.

3. 고쳐 달라고 할 때 요령

• 느낌을 말하기. "별이 너무 빨리 떨어져", "바구니가 화면 밖으로 나가"처럼 해 본 그대로 말하세요.
• 고친 전체 코드를 달라고 하기. 일부만 받으면 어디에 넣을지 헷갈려요. "고친 전체 코드를 처음부터 끝까지 다시 보여줘"라고 붙이세요.
• 하얀 화면이 나오면. 코드가 중간에 잘렸을 수 있어요. "코드가 끝까지 안 나온 것 같아. 전체를 다시 보여줘"라고 하세요.
• 대화가 길어지면 새로 시작하기. 마지막 전체 코드를 새 대화에 붙여 넣고 "이 게임을 이어서 고쳐줘"라고 하면 다시 빨라져요.

4. 친구에게 보여 주려면

내 컴퓨터에 있는 파일은 나만 열 수 있어요. 다른 사람이 플레이하려면 웹에 올려서 주소를 만들어야 해요. 만든 게임 무료로 웹에 올리기를 따라 하면 무료로 주소가 생기고, 그 주소로 바이브게임에 첫 출시를 할 수 있어요.

5. 더 크게 만들고 싶어지면

게임이 길어지고 고칠 곳이 많아지면 AI가 파일을 직접 고쳐 주는 도구가 편해요. 클로드 코드로 웹 게임 만들기에서 그다음 단계를 볼 수 있어요.