PLAYABLE CASE STUDY / 2026.10

한 수의 만족감에서,
다음 한 판의 이유까지.

컬러 슬라이딩을 중심으로 여섯 퍼즐 모드를 결합한 브라우저 게임. 규칙·생성·경제 모델을 화면과 분리하고, 터치 입력과 타격감, 회복 가능한 실패 흐름을 함께 설계했습니다.

레퍼런스에서 확인한 것

Block Out! — 공식 App Store 페이지의 소개와 스크린샷을 참고했습니다. 색상 블록을 같은 색 출구로 밀어내는 규칙, 제한 시간, 돌기 있는 광택 블록과 어두운 입체 보드, 생성기와 승강기가 핵심 표현입니다. 원본 이미지·코드·레벨은 사용하지 않고 CSS와 SVG로 새 그래픽을 제작했습니다. 원작의 모든 특수 기믹이나 레벨을 동일하게 재현한 제품은 아닙니다.

수익 포인트: 관측과 가설을 구분하기

공식 스토어에는 코인 상품, Starter·Brick·Premium 등 번들, Block Pass가 등록되어 있습니다. 예시로 1,000 코인 $1.99, Starter Bundle $1.99, Block Pass 10 $9.99가 표시됩니다. 가격과 구성은 국가·시점에 따라 달라질 수 있습니다. 출처 · 확인일 2026-10-19

상품별 실제 매출·전환율·광고 수익·유저 잔존율은 공개된 자료에서 확인하지 못했습니다. 아래는 상품 목록과 게임 구조를 토대로 세운 수익화 가설이며 실적이나 매출 보장이 아닙니다.

구간과 가설	이 게임에서의 구현	출시 시 확인할 지표
막힌 상황의 해소 가치 부스터 수요	해머 90 / 프리즈 60 / 힌트 40 / 되돌리기 35 / 마그넷 160 코인. 선택 후 즉시 사용, 소모 전에 유효성 검사.	실패 원인별 사용률, 사용 후 클리어율, 무도구 클리어율
이미 만든 진도 보존 이어하기 수요	보드 유지 + 45초. 도크 포화는 구조함 보관 후 계속 매칭. 첫 회 120, 두 번째 180 코인, 판당 최대 2회.	남은 블록 수별 이어하기율, 이어하기 후 만족도·완주율
낮은 진입 비용의 번들 최초 구매 동기	웰컴 팩: 150 코인 + 해머 2 + 프리즈 2 + 마그넷 1. 데모에서는 1회 무료 수령.	튜토리얼 완료 후 전환율, 구매 후 잔존율
재방문 이유 패스·일일 보상	데일리 100 코인. 누적 3·9·18별 보상 트랙. 400 코인 오로라 보드 꾸미기.	다음 날·7일 잔존율, 보상 도달률, 외형 선호
자발적인 보상 선택 보상형 광고 가설	실제 광고 없는 버튼형 보상 데모. 데일리와 같은 하루 1회 지급을 공유해 중복 보상을 방지.	광고 선택률·완주율, 반복 노출 후 이탈률

실제 결제·광고 SDK·외부 분석 전송은 연결하지 않았습니다. 출시 단계에는 서버에서 영수증과 광고 완료를 검증하고, 상품·지역별 가격을 가져오며, 개인정보·연령 정책을 적용해야 합니다. 현재 재화와 기록은 이 브라우저 안에 저장되는 데모 데이터입니다.

하나의 코어, 여섯 가지 사고방식

모드	조합한 장르	새로운 판단
컬러 탈출	슬라이딩 + 색상 정렬	출구 폭과 블록 크기, 통로를 여는 순서
트리플 도크	슬라이딩 + 트리플 매치	탈출 순서로 7칸 도크를 관리, 같은 색 3개 자동 제거
머지 2048	슬라이딩 + 숫자 합성	같은 색·숫자를 밀어 합성, 4 이상부터 탈출
키 & 락	슬라이딩 + 열쇠 순서 퍼즐	각 색 열쇠를 먼저 보내 같은 색 출구 개방
아이스 브레이크	슬라이딩 + 빙결 해제	얼음 블록은 이동 가능, 다른 블록 두 번 탈출 후 출구 통과
블록 팩토리	슬라이딩 + 생산 큐·승강기	첫 보드를 비운 뒤 추가 공급. 중앙 두 패드 사이 빈 목적지로 이동

손끝에 남는 피드백

블록은 돌기·광택·측면 그림자를 가진 CSS 입체 표현입니다. 드래그 중에도 경로 충돌을 검사하고, 성공한 탈출에는 출구 방향 잔상·블록 색 파편·확장 충격파·점수 팝업·보드 흔들림을 겹칩니다. 합성·얼음 파괴·트리플에는 별도 문구를 연결했습니다. Web Audio 합성음은 이동·막힘·탈출·합성·프리즈·클리어를 구분하고, 콤보에 따라 음높이가 올라갑니다.

4초 이내 연속 탈출로 콤보를 쌓고, 5콤보에 10초 피버와 점수 2배를 제공합니다. 파티클 수와 오디오 출력 수명을 제한하며, 동작 줄이기·효과음·진동 설정을 지원합니다. 색상 기호와 키보드 조작을 함께 제공하고, 팝업 또는 숨겨진 탭에서는 시간을 멈춥니다.

생성과 보상 검증

빈 보드에 출구 쪽에서 블록을 삽입하고 유효한 이동만 섞은 뒤, 그 과정을 역순으로 기록합니다. 트리플은 색상 묶음 순서를 유지하고, 열쇠·얼음은 선행 조건이 만족되는 순서로 배치합니다. 합성 모드는 합성 가능한 기본 배치에서 섞습니다. 팩토리는 기본 보드 이후의 공급까지 해답에 포함합니다. 따라서 새 보드에는 검증 가능한 해답이 있습니다. 플레이어의 다른 선택이 만든 교착까지 막는 시스템은 아닙니다.

클리어 보상은 결과 창을 열기 전에 진행 상태와 한 번에 저장합니다. 저장된 완료 상태를 다시 열어도 보상을 재지급하지 않습니다. 저장 손상이나 차단 시에도 새 판을 시작할 수 있습니다. 규칙·DOM 통합 테스트 실행법과 구체적인 검증 범위는 README에 기록했습니다.