AI로 뚝딱 만든 위챗 미니 게임, 드디어 출시했습니다

중국의 한 개발자가 Claude Code 등 AI 도구를 적극 활용하여 2개월간 하루 1.5시간씩 작업한 끝에 위챗 미니 게임 '카이신디엔롄롄칸(开心点连连看)'을 성공적으로 출시했습니다. 총비용 약 40위안(한화 약 8천 원)의 초저예산으로 개발되었으며, Pixi.js 6, Matter.js, Vite, Supabase 등의 기술 스택과 함께 AI 협업에 가장 적합한 5,000~10,000 라인 규모의 개발 노하우가 공유되었습니다.

AI 요약

중국의 한 개발자가 고용 불안 속에서 새로운 돌파구를 찾기 위해 12억 명의 유저 베이스를 가진 위챗 미니 게임 시장에 도전했습니다. 개발자는 약 2달 동안 출퇴근 시간과 주말을 활용해 하루 평균 1.5시간씩 투자했으며, 기획부터 개발, 디자인, 사운드까지 전 과정에 AI 도구를 도입했습니다. 특히 코드 작성에는 Claude Code, 리소스 그래픽은 GPT/Gemini/Doubao, 사운드는 ElevenLabs 등을 다방면으로 활용하여 '카이신디엔롄롄칸(开心点连连看)'이라는 미니 게임을 완성했습니다. 개발자는 5,000~10,000 라인 크기의 단일 레포지토리 프로젝트가 현재 AI 프로그래밍 툴이 컨텍스트 유실 없이 가장 안정적이고 효율적으로 코드를 작성해 줄 수 있는 '최적의 구간(Sweet Spot)'이라고 강조하며, 위챗 플랫폼 특유의 제약 조건을 우회할 수 있는 19가지 기술적 해결책과 실제 설정 코드를 상세히 공개했습니다.

핵심 인사이트

  • 극도의 비용 효율성: 위챗 개발자 인증 비용 30위안과 텐센트 클라우드 OSS 서비스 연간 비용 9.9위안, 그리고 소액의 트래픽 비용을 합쳐 총 40위안 대의 초저예산으로 실제 서비스 가능한 게임을 배포했습니다.
  • AI 협업 최적의 프로젝트 규모: 너무 큰 규모의 SaaS 등은 AI가 맥락을 잃기 쉽고 너무 작으면 완성도 있는 제품이 나오기 어려우나, 5,000~10,000 라인 내외의 단일 레포 프로젝트는 AI가 완벽하게 다룰 수 있는 최적의 규모입니다.
  • 전방위적 AI 도구 체인 구축: 개발 과정에서 Claude Code(코딩), GPT + Gemini + Doubao(그래픽 생성), Claude(문구 작성), ElevenLabs 및 Pixabay(효과음)를 유기적으로 조합해 1인 개발을 현실화했습니다.

주요 디테일

  • Pixi.js@6 및 WebGL 호환성: 위챗 미니 게임의 WebGL 환경이 GLSL 100만 지원하기 때문에, 내장 셰이더가 GLSL 300으로 상향된 Pixi.js 7 이상 대신 반드시 Pixi.js 6 버전을 사용해야 오류가 발생하지 않습니다.
  • Vite 및 CJS 빌드 구성: 위챗 플랫폼은 ESM 및 동적 임포트(Dynamic Import)를 지원하지 않기 때문에 Vite 빌드 시 반드시 CommonJS(CJS) 단일 파일(game.js) 형태로 내보내고 모든 동적 임포트를 인라인화해야 합니다.
  • 기동 시 2프레임 지연 초기화: 위챗 게임 기동 최상위 단계에서 시스템 정보나 캔버스에 직접 접근하면 __wxConfig 관련 문제로 앱이 크래시되므로, requestAnimationFrame을 사용해 강제로 2프레임을 지연시킨 후 초기화 프로세스(init)를 수행하는 우회 코드를 적용했습니다.
  • 플랫폼 내 샌드박스 우회: 위챗 내에서는 evalnew Function 사용이 금지되어 있어 @pixi/unsafe-eval 패키지를 통해 Pixi.js 내부의 셰이더 컴파일을 대체했고, DOM 객체 부재 문제를 해결하기 위해 @iro/wechat-adapter를 적용했습니다.

향후 전망

  • 1인 인디 개발자의 생태계 진입 가속화: 초저비용 고효율의 AI 코딩 어시스턴트 발전으로 복잡한 클라이언트 기술 없이도 고품질 미니 게임을 런칭하는 개인 개발자가 급증할 것입니다.
  • 위챗 플랫폼 맞춤형 AI 템플릿의 활성화: 위챗 미니 게임 특유의 19가지 기술적 장애물과 설정을 사전 셋팅해 둔 AI Prompt 및 보일러플레이트 템플릿 배포가 더욱 활발해질 것으로 보입니다.
Share

이것도 읽어보세요

댓글

이 소식에 대한 의견을 자유롭게 남겨주세요.

댓글 (0)

불러오는 중...