아래에 개발 최소 가이드와 게임 개발 시 점검되어야하는 QA 체크리스트 참고해주시면 되겠습니다!

0. 기존 게임 전환 리소스

조건 전환 소요 기간
Unity 하이퍼캐주얼 (씬 1~2개 / UI 단순) 3~5일 (1인 기준)
일반적인 미니게임 수준 5~10일
복잡한 기능이 있을 경우 10일~2주 이상

1. 최소 가이드

1. 기술 스펙 (Frontend / 빌드 기준)

항목 권장 기준 비고
플랫폼 WebGL 2.0 / HTML5 (Canvas 기반) Unity → WebGL 빌드 or JS 엔진 기반 (Phaser, Pixi.js 등)
프레임 목표 30 FPS 이상 (모바일 기준) 간단한 이펙트, 애니메이션 수준
게임 용량 전체 번들 ≤ 20MB (최대 30MB 이하 권장) 초기 로딩시간 및 네트워크 부담 최소화
로딩 시간 최초 실행 ≤ 5초 이내 React Native WebView 로딩 기준
씬 전환 단일 씬 구조 or Lazy Load 씬 전환 많은 구조는 모바일 WebGL에 비효율적
UI 입력 모바일 터치 최적화 (Touch Event Only) 마우스 기반 이벤트 제거 필요
리소스 형식 PNG, WebP, SVG / 압축 오디오(mp3/ogg) 고용량 애셋, .wav 지양
게임 해상도 720x1280 기준 / 반응형 지원 필수 다양한 화면 비율 대응 필수
사운드 처리 1~2개 스트림, 루프 최소화 사파리/크롬에서 오디오 정책 상 제약 있음

2. 퍼포먼스 관련 사양 (실행 환경 기준)

항목 최소 기준 권장 기준
기기 메모리 (RAM) 2GB 3GB 이상
브라우저 엔진 Chrome ≥ v96 / WebKit ≥ iOS 14 최신 Android WebView / iOS Safari 대응
GPU 부하 Draw Calls 100 이하 Static Batching 적극 활용
스크립트 성능 비동기 요청 최소화 애니메이션 루프 최적화 (requestAnimationFrame)

3. 콘텐츠 특성 요건 (App-In-App 적합성 기준)

요소 권장 기준
게임 길이 1판당 30초~2분 내외
세션 구조 짧고 반복 가능한 구조 (하이퍼캐주얼 유형)
난이도 설계 즉시 이해 가능한 조작 / UI 튜토리얼 불필요
결과화면 점수, 시간, 등급 등 단순한 피드백 UI
수익요소(선택) IAA (광고 삽입) 또는 IAP 가능 설계 고려 가능

테스트 체크리스트

2. HTML5 게임 사전 셀프 점검표

1. 파일 구조 및 용량