2026년 10월 28일 AI 소식, 지금 바로 확인해보세요.
aikoreaclub

매일 쉽게 읽는 AI 소식

← 자료실
웹·앱 제작

기자가 '오퍼스 5.5로 만들었다'며 올린 페인트 게임, X 조회 81만

페인트 땅따먹기 게임 만들기, 클로드 대화창에 부탁 글 하나 넣어 만든 동네 놀이터 게임

2026년 10월 27일 올림 · 10월 26일 확인

저희가 받은 놀이터 페인트 게임 네 화면: 무지개와 '시작' 버튼, 초록·분홍 페인트가 튄 놀이터 바닥 두 장, '분홍 팀 승리! 초록 12.0% : 분홍 56.1%' 끝 화면
저희 결과: 아래 부탁 글을 클로드 오퍼스 5.5에 넣어 받은 코드를 고치지 않고 저장해, 창 없는 시험용 크롬(휴대폰 세로 크기)에서 연 화면(2026-10-26). 초록 캐릭터는 저희 녹화 프로그램이 키보드·마우스를 눌러 움직였어요.
한 방 프롬프트

1단계: 클로드 대화창에 이 부탁 글(지시문) 붙여 넣기

맨 끝 [ ] 안이 게임 무대예요. '우리 회사 옥상', '눈 온 학교 운동장'처럼 내가 아는 장소 한 줄로 바꾸세요. 부탁 글이 '아래 [ ] 안 장소'를 가리키니 [ ] 괄호는 남겨 두세요. 마지막 문장('답에는 HTML 코드 전체를…')은 꼭 남기세요. 저희는 놀이터로만 해 봤어요. 유료라면 입력 칸 아래 모델 이름을 눌러 'Opus 5.5'를 고르고(메뉴 위치는 저희가 직접 확인 못 했어요), 무료라면 기본값 그대로 두면 돼요.

너는 게임 개발자야. 브라우저에서 바로 하는 '색칠 땅따먹기' 슈팅 게임을 HTML 파일 한 장으로 만들어 줘. 무대는 아래 [ ] 안 장소이고, 나는 초록 잉크 팀 한 명, 컴퓨터가 움직이는 분홍 잉크 팀 세 명과 싸워. 방향키나 WASD로 움직이고 마우스로 겨눠 누르면 잉크가 날아가 바닥이 그 색으로 칠해져. 휴대폰에서는 왼쪽 엄지로 움직이고 오른쪽을 누르면 쏘게 해. 90초가 지나면 바닥을 더 많이 칠한 팀이 이기고, 화면 위에 남은 시간과 두 팀이 칠한 비율(%)을 크게 보여 줘. 처음엔 '시작' 버튼 하나만 보이게 하고, 끝나면 이긴 팀과 '다시 하기' 버튼을 보여 줘. 3D로 보이게 three.js를 cdnjs 주소에서 불러와 쓰고, 설치·서버 없이 크롬에서 파일을 열면 바로 돌아가게. 코드는 400줄 안쪽으로 쓰고, 답에는 HTML 코드 전체를 처음부터 끝까지 그대로 보여 줘.

[비 그친 오후의 동네 놀이터]

순서: 주소창에 claude.ai → 로그인 → 왼쪽 위 '새 채팅' → 아래 부탁 글 붙여 넣기 → [ ] 안을 내 장소로 바꾸기 → Enter. 답에 <!DOCTYPE html>로 시작해 </html>로 끝나는 긴 영어 글(코드)이 나오면 성공이에요(저희 답은 코드 약 2만 자, 382줄). 코드가 대화 대신 오른쪽 미리보기 창(아티팩트)에만 뜨면, 창 위쪽 메뉴의 내려받기로 .html 파일을 저장하고 2단계 셋째 칸으로 건너뛰세요(버튼 이름은 저희가 직접 확인 못 했어요). 저희는 대화창이 아니라 claude -p(클로드 코드의 한 번 답하기 명령)로 돌려서 대화창 화면과 미리보기 창은 직접 확인 못 했어요.

클로드로 돌린 실제 결과

이렇게 나와요

넣은 답

[ ] 안은 '비 그친 오후의 동네 놀이터'로 채우고, claude.ai 대화창이 아니라 claude -p(클로드 코드의 한 번 답하기 명령)로 돌렸어요. 모델 클로드 오퍼스 5.5, 빈 폴더에서 파일·명령·웹 검색 도구와 저희 설정을 모두 껐고, 생각 수준(effort)은 중간(medium)으로 돌렸어요. 대화창에서는 답 모양이 조금 다를 수 있어요.

2026-10-26 19:49~19:56, 답 쓰는 데 약 7분 22초(한 번에 나옴). 답 첫머리 원문: "ink-playground.html(337줄)로 저장했습니다. 크롬에서 파일을 더블클릭해 열면 바로 실행됩니다. three.js는 cdnjs에서 불러오므로 처음 열 때 인터넷 연결이 필요합니다. 스크립트 문법 검사는 통과했지만, 실제 브라우저에서 플레이해 보지는 않았습니다." 도구를 끈 상태라 실제 파일은 없었고, 답에는 337줄이라 적혔지만 코드 칸의 실제 코드는 382줄이었어요. 이어서 조작법(PC: WASD·방향키로 이동, 마우스 왼쪽 버튼을 누르고 있으면 계속 쏨 / 휴대폰: 왼쪽을 엄지로 끌어 이동, 오른쪽을 누르고 있으면 쏨), 규칙(적 페인트 5번 맞으면 쓰러지고 3초 뒤 다시 나옴, 내 팀 색 위에선 빠르게), 무대 설명(물웅덩이·미끄럼틀·그네·시소·정글짐·모래밭, 끝나면 카메라가 올라가 놀이터 전체를 보여 줌)과 코드 칸에 HTML 전체(382줄)가 나왔어요. 코드를 고치지 않고 저장해 창 없는 크롬에서 열었더니 무지개 하늘과 '시작' 버튼 → 누르면 90초 경기, 화면 위에 남은 시간과 두 팀 비율 → 끝나면 '분홍 팀 승리! 초록 12.0% : 분홍 56.1%'와 '다시 하기'가 떴어요. 페이지 오류는 없었어요.

저희가 받은 놀이터 페인트 게임 화면

초록 캐릭터는 사람이 아니라 저희 녹화 프로그램이 정해진 순서로 WASD를 누르고, 마우스를 무작위 위치로 옮기며 왼쪽 버튼을 계속 눌러 움직였어요(그래서 졌을 수 있어요). 창 없는 크롬은 3D를 느리게 그려서, 영상은 게임 시계를 한 칸씩 넘기며 찍었어요(게임 코드는 그대로). 휴대폰 실기기 손가락 조작과 claude.ai 미리보기 창 안에서 되는지는 확인 못 했어요. 같은 부탁 글이어도 돌릴 때마다 무대 모양·색이 달라질 수 있어요.

이런 분께
내가 아는 장소를 무대로 한 3D 페인트 땅따먹기 게임을 한번 만들어 보고 싶은 사람(코딩 몰라도 복사·붙여 넣기만 하면 돼요). 결과는 내 컴퓨터에서 여는 파일 하나예요(인터넷 주소로 올리기는 이 가이드에 없어요)
끝나면 손에 남는 것
클로드에 넣을 부탁 글 + 저희 게임 결과 사진
걸리는 시간
저희 실험 기준 답 약 7분 반(클로드 오퍼스 5.5) · 저장하고 열기 2분
Claude · 읽는 데 15분

어떻게 했는지, 짧게

준비물: 컴퓨터(윈도우나 맥)의 크롬, 인터넷 연결, claude.ai 계정(무료로도 가입 가능). 설치·서버는 필요 없어요. 게임이 3D 그림 도구(three.js)를 인터넷에서 불러오기 때문에 열 때 인터넷이 켜져 있어야 해요. 저희 결과는 유료 모델(클로드 오퍼스 5.5) 기준이고, 무료 모델 결과는 직접 확인 못 했어요. 무료 요금제는 소넷·하이쿠를 써요(claude.com/pricing, 2026-10-19 확인). 계정이 없으면 claude.ai에서 구글 계정이나 이메일로 가입하면 돼요(가입 화면은 저희가 이번에 다시 확인하진 않았어요).

원래 사례: 제이든 데이비스(본인 프로필 'AI Journalist, Insider, and Enthusiast', 팔로워 약 2,600명)는 2026년 9월 25일(한국 시각) X에 'Splatoon Game made by Opus 5.5'(오퍼스 5.5로 만든 스플래툰 게임)라는 글과 2분 28초 플레이 영상, 게임 주소를 올렸어요. 영상 속 게임은 4대4로 라임색·분홍색 페인트를 쏘아 바닥을 칠하고, 끝에 'LIME 48.2% · MAGENTA 35.2%'처럼 칠한 비율로 이긴 팀을 정해요. 글 속 주소(inkwave-six.vercel.app)는 10월 26일에 열리지 않았고, 같은 게임으로 보이는 inkwave-aah.pages.dev는 열렸어요. 무엇을 몇 번 부탁했는지, 걸린 시간은 본인 글에 없어서 저희도 몰라요. 아래 부탁 글은 저희가 영상 속 규칙을 보고 쓴 것이에요.

12단계: 답의 코드를 '.html' 파일로 저장해 크롬으로 열기(마지막 단계)

클로드가 만든 건 설치하는 앱이 아니라 크롬에서 열리는 웹 페이지 파일 하나예요. 이름 끝의 .html은 '인터넷 창으로 여는 파일'이라는 표시예요.

  1. 코드 칸 없이 오른쪽 미리보기 창만 떴다면 → 창 위쪽 메뉴의 내려받기로 .html 파일을 저장하고 셋째 칸으로 건너뛰어요(버튼 이름은 저희가 직접 확인 못 했어요). 코드 칸이 있으면 → <!DOCTYPE html>로 시작해 </html>로 끝나는 코드 칸 전체를 복사해요(코드 칸 오른쪽 위 복사 단추가 있으면 그걸로). 코드 위아래의 한국어 설명은 넣지 않아요.
  2. 윈도우: 메모장 열기 → 붙여 넣기 → 파일 → 다른 이름으로 저장 → 파일 형식 '모든 파일(*.*)', 인코딩 'UTF-8', 파일 이름 끝에 .html(예: '놀이터.html') → 저장. 맥: 텍스트 편집기 → 새로운 문서 → 메뉴 '포맷 → 일반 텍스트로 만들기' → 붙여 넣기 → '놀이터.html'로 저장, '.html을 사용할까요?'라고 물으면 '.html 사용'. 메모장·텍스트 편집기로 저장하는 과정은 이번 파일로 직접 해 보지 않았어요(같은 방법을 다른 가이드에서 확인했어요).
  3. 저장한 파일을 두 번 누르거나 크롬 창에 끌어다 놓아요. 무지개 하늘과 '시작' 버튼이 보이면 성공이에요. '시작'을 누르고 WASD(또는 방향키)로 움직이며 마우스 왼쪽 버튼을 누르고 있으면 페인트가 나가요. 90초가 지나면 이긴 팀과 '다시 하기'가 떠요.
  4. 인터넷 주소로 올려 남에게 보여 주는 방법(배포)은 이 가이드에 없어요. 저희가 이 파일로 해 보지 않았어요.

나머지는 회원만 볼 수 있어요

무료 가입하면 이 가이드 끝까지, 프롬프트 복사, 파일 받기까지 다 돼요.
10초면 끝나요.

놓치면 아쉬운 AI 지원금·써먹기,
아침에 먼저 받아 보세요

마감 임박 AI 지원사업과 바로 따라 하는 가이드만 골라 보내요.

개인정보·마케팅 수신 동의 전문 보기