Kalvorena Studio — Seoul Browser Games

짧게 켜고
바로 노는
게임들

Kalvorena Studio는 설치 없이 열리는 HTML5 브라우저 게임을 만듭니다. 2분짜리 점심시간에도, 낡은 노트북의 모바일 브라우저에서도 첫 터치까지 오래 걸리지 않게 설계합니다. 서울에서 일하는 작은 팀이고, 기획부터 배포까지 직접 손댑니다.

HTML5 · WebGL · 반응형 게임플레이 · 터치 우선

첫 터치까지 3초 — 그리드 셀 근접 촬영

Studio Ledger

브라우저 게임, 첫 화면에서 바로 노세요

앱 설치는 이탈의 첫 관문입니다. 링크 하나로 열리는 게임은 공유도 쉽고, 포털 연동도 단순합니다. 특히 퍼즐이나 아케이드처럼 짧은 세션 장르는 브라우저가 잘 맞습니다. 저희는 그 짧은 시간을 노립니다.

Tool Board

WebGL과 캔버스 렌더링을 병행합니다. 퍼즐, 카드 매칭, 간단한 아케이드에 씁니다. 구형 기기에서는 자동으로 캔버스로 떨어뜨려 속도와 호환의 균형을 맞춥니다.

PhaserWebGL

플랫폼 점프나 미로 같은 아이디어를 이틀 만에 만져봅니다. 기획자와 같은 화면을 보고 규칙을 바로 바꿉니다.

메모리와 패키지 크기를 아껴야 할 때 고릅니다. 저사양 브라우저에서도 첫 로딩을 짧게 유지합니다.

이벤트 시트 방식으로 기획자와 함께 규칙을 바로 바꿔봅니다. 빌드를 다시 뽑지 않고 흐름을 고칩니다.

뼈대 애니메이션을 붙입니다. 프레임 이미지보다 용량이 가볍고, 점프나 공격 모션을 재활용하기 쉽습니다. 귀여운 슬라임 한 마리가 열 가지 표정을 짓는 식으로, 가벼운 웹 빌드에서도 표정이 살아납니다.

Phaser Editor 2D로 씬 배치와 레벨 구성을 먼저 눈으로 확인합니다. 서울 성수동 작업실에서 매주 금요일 플레이테스트를 엽니다. 옆자리 개발자가 제일 매운 비평가입니다.

Process Still

첫 로딩 3초 안에 조작 가능을 목표로 둡니다. 첫 화면에 필요 없는 건 뒤로 미룹니다. 큰 씬은 나눠 불러오고, 배경음은 스트리밍으로 늦게 붙입니다.

A
에셋은 아틀라스로 묶기
스프라이트 아틀라스와 압축 텍스처로 요청 수를 줄입니다. 첫 화면용과 이후 스테이지용을 분리합니다.
B
무거운 로직 나누기
WebAssembly가 필요한 계산은 JavaScript와 나눠 병목을 줄입니다. 렌더링 프레임을 끊지 않게 합니다.
C
터치는 크게, 실수는 너그럽게
버튼은 48px 이상, 드래그는 관성을 살짝 줍니다. PC에서는 키보드와 마우스가 그대로 먹힙니다. 화면 비율이 바뀌어도 조작감이 유지됩니다.
D
배포는 단일 빌드로
단일 HTML5 빌드로 뽑아 포털 iframe이나 자사 랜딩에 바로 붙습니다. 업데이트는 파일 교체 한 번이면 끝납니다.