반응형

HTML 2

Codex로 미니게임 웹사이트 만들기WM미니게임 제작기

브라우저에서 바로 가볍게 즐길 수 있는 웹 기반 미니게임 사이트를 직접 만들었습니다. 프로젝트 이름은 WM미니게임이며, 설치 없이 접속만으로 바로 플레이할 수 있도록 구성한 것이 핵심입니다.이번 작업에서 가장 크게 활용한 도구는 Codex였습니다. 아이디어를 정리하고, 규칙을 코드로 바꾸고, 게임 화면을 다듬고, 반복 수정 요청을 빠르게 반영하는 과정까지 Codex와 함께 진행했습니다.이 글에서는 WM미니게임이 어떤 프로젝트인지, Codex를 어떻게 활용했는지, 그리고 현재 들어가 있는 각 게임을 실제 화면과 함께 소개해보겠습니다.WM미니게임 홈 화면 프로젝트 소개WM미니게임은 한 화면 안에 여러 장르의 캐주얼 게임을 담은 웹 프로젝트입니다. 로또 번호 추천부터 추첨, 카드 뽑기, 운세 확인, 알까기, ..

클로드 코드로 슈팅 게임 만들기, 프롬프트 한 번으로 게임 완성

코딩 없이 Claude Code에 요구사항만 입력했더니 10스테이지 비행기 슈팅 게임이 완성됐다▲ Claude Code로 완성한 비행기 슈팅 게임 — HP·스테이지·스코어·타이머 UI 포함AI가 글을 써주고 이미지를 만들어주는 시대이지만, '게임까지 만들어줄까?' 하는 의문은 여전히 많습니다. 직접 실험해봤습니다. Claude Code 데스크탑 앱을 열고 한국어로 게임 조건 7줄을 입력했더니, 8초 뒤에 HTML 파일 하나가 생성됐습니다. 브라우저에서 열자마자 우주 배경에 비행기가 등장하고, 장애물이 위에서 쏟아지기 시작했습니다. 코드는 한 줄도 직접 작성하지 않았습니다. 이 글은 그 과정을 순서대로 기록한 실험 후기입니다.항목내용사용 도구Claude Code (데스크탑 앱) — Sonnet 4.6 모델..