벡스타리노 스튜디오 벡스타리노 스튜디오 설치 없이 여는 플레이 보드
매트 래커 위에 놓인 브라우저 퍼즐 보드, 한 줄이 밝혀진 모습

벡스타리노 스튜디오 — 설치 없이 열리는 플레이

보드 위에 올린 플레이, 바로 실행

벡스타리노 스튜디오는 설치 없이 열리는 캐주얼 게임을 만듭니다. HTML5와 WebGL을 기준으로 짧은 세션 구조를 먼저 설계합니다.

브라우저 캐주얼 게임 개발

짧게 즐기는 브라우저 게임을 만듭니다

이 메인에서는 작업 범위와 검증 방식을 한 번에 보여주고 상담으로 연결합니다. 퍼즐, 러너, 카드형 전략, 물리 퍼즐까지 한 가지 동작에 집중한 구조를 먼저 잡습니다.

첫 화면에서 조작법을 설명 없이 전달하는지가 기준입니다. 그 단순함이 재플레이를 만듭니다.

작업 범위

3분 안에 이해되는 플레이

지하철에서 켜는 퍼즐, 점심시간에 도는 러너, 카드 몇 장으로 끝나는 전투. 옆으로 밀며 훑어보세요.

절반쯤 풀린 숫자 타일 퍼즐

짧은 퍼즐

타일 합치기 한 동작

2048처럼 룰이 단순한 게임은 타일 합치기라는 한 가지 동작에 집중합니다.

바로 플레이 가능
짧은 세션 구조의 러너 레인 장면

엔들리스 러너

2분 전후 세션

실패 후 다시 시작까지 시간을 짧게 두고 점수판 연출은 다음 판을 부추기는 선에서 멈춥니다.

래커 위에 펼쳐진 카드 패

카드 전략

정보 밀도 정리

손패와 적 의도를 한 화면에 정리하지 못하면 세션이 늘어집니다. 숫자와 아이콘 자리를 먼저 고정합니다.

줄을 끊는 물리 퍼즐 장면

물리 퍼즐

손끝 감각 튜닝

줄을 끊는 타이밍과 낙하 궤적, 별 획득 연출을 따로 튜닝합니다. 터치 오차를 흡수하는 판정이 핵심입니다.

기술 선택

먼저 움직임을 확인합니다

HTML5 Canvas
비트맵을 직접 그리며 아이디어를 빠르게 화면에 올립니다. 2D 퍼즐의 재미 뼈대가 이 단계에서 드러납니다.
WebGL
플러그인 없이 GPU 가속 렌더링을 제공합니다. 조명과 카메라 움직임이 들어가는 장면에만 씁니다.
Phaser
짧은 세션 2D에 잘 맞는 경량 구조. 입력과 물리, 씬 관리를 묶어 첫 플레이어블을 빨리 뽑습니다.
Three.js
가벼운 3D 완성도를 올리는 대표 라이브러리. 데모 장면의 깊이를 살리면서 로딩 부담을 관리합니다.
플레이 중인 브라우저 퍼즐 그리드
타일 합치기 — 한 동작의 재미를 먼저 검증
라이트 3D 데모 장면

입체감이 필요할 때만 WebGL

이펙트가 많은 러너와 입체 보드에 GPU 가속을 씁니다. 필요 없으면 쓰지 않습니다.

가벼운 3D
태블릿을 미는 엄지 손가락

같은 룰, 다른 손맛

터치는 드래그 길이로, 마우스는 호버 힌트로. 버튼은 엄지 닿는 곳에 둡니다.

터치와 마우스

로딩과 프레임

첫 5초 안에 플레이가 보이게

첫 로딩은 에셋 경량화에서 시작합니다. 스프라이트 아틀라스와 압축 텍스처, 씬 단위 지연 로딩으로 나눕니다. 로고 화면 뒤에서 실제 플레이 에셋을 미리 받습니다.

프레임 안정성은 평균 수치가 아니라 끊기는 구간이 있는지입니다. 씬 전환과 파티클 폭발, 카드 펼치기 같은 순간을 저사양 노트북과 중급 안드로이드폰에서 따로 봅니다.

성능과 로딩 보기
흰 종이에 인쇄된 보드 시안
종이에 뽑아보면 로딩 순서가 보인다

자주 묻는 점

범위부터 정합니다

상담에서는 콘셉트 한 장과 참고 플레이 영상이면 충분합니다. 검증할 기능 두 개와 제외할 기능 세 개를 먼저 정하고 2주 단위로 나눕니다.

스케치나 문서 링크를 함께 보내주시면 검토가 빠릅니다.

서울특별시 강남구 테헤란로 311, 아남타워 8층 801호. 월–금 10:00–19:00, [email protected], +82 2-522-1376.

두 줄이 풀린 채로 다시 찍힌 보드

다시 보드 중앙

두 줄 풀린 보드에서 만나요

짧은 세션, 빠른 첫 플레이, 손에 맞는 조작. vextarino.digital에서 프로토타입 범위부터 정리해 드립니다.