작품 만들어 올리는 법

베타마당은 설치나 가입 없이 브라우저에서 바로 실행되는 작은 HTML 게임과 도구를 모아둔 곳입니다. Google 로그인 후 HTML 파일 하나(최대 800KB)를 올려 댓글로 피드백을 받고, 팀 모집 게시판에서 개발·디자인·QA·기획을 함께할 사람을 찾을 수 있습니다. 무료이며 한국어와 영어로 볼 수 있습니다.

처음이라면 이렇게 올립니다

하나. 만들고 싶은 걸 한 줄로떡 쌓기 게임처럼 짧아도 됩니다.
둘. AI에게 아래 문장과 함께 부탁ChatGPT, Claude, 제미나이 어디든 됩니다.
셋. HTML 파일 하나를 받습니다받은 파일을 그대로 저장하세요.
넷. 올리고 친구에게 공유링크를 보내면 친구도 바로 해볼 수 있어요.

자세한 순서

CSS와 JavaScript를 포함한 단일 HTML을 준비합니다.
Google 로그인 후 파일을 선택하고 실행해봅니다.
이름·설명·카테고리를 입력하고 업로드하고 공개합니다. 한 계정은 하루 3개까지 올릴 수 있습니다.
내 활동에서 공개된 작품에서 피드백을 받습니다.

작품 칸 안에서 막히는 것

작품은 다른 사이트와 떨어진 보안 칸 안에서 실행됩니다. 아래 기능은 쓰면 오류가 나거나 아무 일도 일어나지 않습니다.

저장: localStorage, sessionStorage, IndexedDB, 쿠키. 기록은 변수에 담아두세요.
창: alert, confirm, prompt, window.open, 전체 화면. 확인 창은 화면 안에 직접 그리세요.
form 제출. 단추 클릭과 키 입력으로 처리하세요.
외부 주소: 이미지, 폰트, 스크립트, API 요청, iframe. 그림은 data: 주소나 canvas로 넣으세요. 단, Three.js r128 CDN 주소는 올릴 때 HTML 안으로 자동으로 넣어 줍니다.
eval, new Function, WebAssembly, Worker, 클립보드 쓰기, history.pushState.

되는 것: canvas 2D, WebGL, Web Audio(첫 터치나 클릭 뒤), requestAnimationFrame, 키보드·마우스·터치 입력.

AI에게 전달할 문장

복사해서 AI 대화창에 붙이고, 만들고 싶은 것을 한 줄 더 적으면 됩니다.

CSS와 JavaScript를 포함한 HTML 파일 하나로 만들어줘. 최대 800KB. 외부 이미지·폰트·스크립트·API 요청과 iframe을 쓰지 말고, localStorage·sessionStorage·쿠키·alert·confirm·prompt·form 제출·eval도 쓰지 마. 기록은 변수에 두고 확인 창은 화면 안에 그려줘. 휴대폰 터치와 키보드로 모두 조작되게 해줘. 비밀 키나 개인정보는 넣지 마. 점수나 기록이 나오는 작품이면 끝날 때 parent.postMessage({betamadang:'result',label:'점수',value:점수},'*') 를 한 번 보내줘.

결과를 공유 카드로 만들기

작품이 점수나 기록을 알려주면 베타마당이 작품 아래에 결과 카드를 만들고 공유 버튼을 붙입니다. 넣지 않아도 작품은 그대로 동작합니다.

parent.postMessage({betamadang:'result',label:'점수',value:2048},'*');

value는 필수입니다. 숫자이거나 24자 이하의 짧은 글.
label은 그 값이 무엇인지 알려줍니다. 16자 이하.
detail은 한 줄 덧붙임입니다. 60자 이하.
시간처럼 작을수록 좋은 기록이면 better:'low'를 함께 넣습니다.

끝날 때 한 번 보내면 됩니다. 여러 번 보내면 마지막 것이 남습니다. 최고 기록은 방문자 브라우저에만 남고 서버로 보내지 않습니다.

ZIP, 실행파일, 별도 서버가 필요한 프로젝트는 지원하지 않습니다. 문제가 있는 작품은 신고를 통해 운영자가 비공개 처리합니다.

베타마당 Studio 작품은 운영자가 AI 도구를 함께 써서 만들고 직접 실행해 검수합니다.