터치 퍼즐 시안
PixiJS 게임 · 12개 중 1개 스테이지
PixiJS 렌더링으로 12개 스테이지 중 1개만 구현한 버전입니다. 드래그와 탭 충돌을 분리한 입력 구조를 시험했습니다. 360px 폰에서 버튼 오입력을 줄이는 것이 목표였습니다. UI 아틀라스 정리 전 단계였습니다.
작은 폰에서 손가락에 가리는 확인 버튼을 위로 옮기자 오입력이 눈에 띄게 줄었습니다.
데모 및 프로토타입 · 밤 아홉 시, 손끝에서 바로 시작되는 플레이
두 번 눌러보면 기획서가 이해됩니다
말로 설명하는 대신 눌러보는 시안을 공유합니다. 클릭 가능한 목업에서 시작해 플레이어블 프로토타입으로 넘어갑니다. 각 사례가 무엇을 검증했는지 함께 적습니다.
검증 순서
메뉴 순서가 막히는지 손으로 확인
핵심 조작 하나가 손에 붙는지 확인
360px 폰에서 오입력이 없는지 확인
하루 단위로 궤도를 고칠 수 있는지 확인
기획자가 직접 난도를 바꿔보는지 확인
로딩 뒤 첫 화면이 바로 열리는지 확인
두 단계로 나눕니다
목업 단계에서 보는 것
메뉴 순서와 버튼 위치를 봅니다. 색과 폰트 전입니다. 탭 흐름이 막히면 기획을 고칩니다. 이 단계 수정은 비용이 거의 들지 않습니다. 화면을 예쁘게 다듬기 전에 손이 가는 길을 먼저 고정합니다. 버튼이 엄지에서 멀면 옮기고, 메뉴가 두 번 눌러야 닿으면 펼칩니다.
클릭 가능한 목업은 HTML5 출력 그대로 브라우저 링크로 돕니다. 부모님이나 기획자가 폰에서 직접 눌러보고, 막힌 지점을 말로 적지 않고 눌러서 보여줍니다.
플레이어블 단계에서 보는 것
한 루프만, 2주 분량
핵심 조작 하나가 손에 붙는지 봅니다. 퍼즐이면 드래그 판정, 아케이드면 반응 타이밍을 봅니다. 2주 분량으로 한 루프만 돌립니다. 재미 평가는 그다음입니다. 조작이 붙으면 그때 점수, 연출, 사운드를 얹습니다.
터치와 마우스를 같은 입력 구조로 묶지 않습니다. 드래그와 탭 충돌부터 분리하고, 반응형 레이아웃에서 손가락이 가리는 영역을 비워둡니다.
플레이어블 데모 사례
눌러보며 검증한 네 가지 시안
협업형 3D 아케이드
PlayCanvas 데모 · 터치 제스처
PlayCanvas 협업 편집으로 뽑은 가벼운 3D 아케이드입니다. 실시간 편집과 배포 흐름 덕에 하루 단위로 궤도를 조정했습니다. 브랜드 데모용으로 터치 제스처를 앞에 뒀습니다. 저사양에서는 이펙트 단계를 낮춰 열었습니다.
기획 검증용 클릭 시안
클릭 가능한 목업 · 반응형
Construct 흐름을 참고한 이벤트 구조로 만든 빠른 시안입니다. 비기술 기획자가 직접 수치를 바꿔보며 난도를 조정했습니다. HTML5 출력과 반응형 레이아웃 확인이 목적이었습니다. 코드 정리 전이라 본편 전환 시 다시 짭니다.
Unity WebGL 축소 빌드
웹 배포 타깃 · 로딩 우선
연출이 강한 미니게임을 웹 배포 타깃으로 나눈 사례입니다. 빌드 분할과 압축 설정을 먼저 손댔습니다. 초기 프레임을 확보한 뒤 뒤쪽 씬을 이어받았습니다. 메모리와 로딩 로그를 함께 공유했습니다.
앞 씬이 먼저 열리고 뒤는 이어받기라 체감 대기가 짧습니다. 에셋은 WebGL 압축 흐름에 맞춰 나눕니다.
검증 리포트 형식
리포트가 짧아야 수정이 빠릅니다
기기명, 브라우저 버전, 터치 성공률을 한 장에
어떤 폰과 브라우저에서 무엇을 눌렀는지 한 장에 적습니다. 말이 길면 현장에서 안 읽힙니다.
영상 클립 30초를 붙입니다
막힌 구간만 잘라 30초로 붙입니다. 전체 플레이 영상이 아니라 손이 멈춘 순간이 증거입니다.
다음 수정 항목은 세 개 이내
고칠 것을 세 개 이내로 좁힙니다. 다섯 개를 적으면 다음 시안에서 아무것도 확인하지 못합니다.
짧은 공유가 빠른 수정
리포트 한 장과 링크 하나로 회의가 끝납니다. 그 다음 주에는 고친 버전으로 다시 눌러봅니다.
의뢰하면 무엇이 오나요
링크 하나로 의사결정이 끝납니다
브라우저 링크
설치 없이 바로 열리는 플레이 주소
폰 · PC 확인
당일 공유
변경 노트
이번에 무엇을 검증했고 무엇을 고쳤는지
세 항목 이내
매주 갱신
다음 단계 제안
본편 전환 조건과 소스 정리 수준 명시
조건 명시
견적 포함
실기 시연
서울 미팅 시 매트 위에서 직접 시연
월–금 09–18시
예약제
젠발트로 스튜디오 · 서울특별시 강남구 테헤란로 231, 7층 702호 · 월–금 09:00–18:00 · +82 2-559-0081 · [email protected]