• 홈
  • 블로그
  • 갤러리
  • 가격
  • 홈
  • 블로그
  • 갤러리
  • 가격
창작 시작

만들고.플레이하세요.

크리에이터 블로그

홈/블로그/제품 워크플로

가로형인가 세로형인가, PC인가 Web인가: 출시 형태를 정한 뒤 시나리오를 쓰자

출시 형태는 시나리오를 다 쓴 뒤 고르는 포장 옵션이 아니다. 가로형과 세로형은 배우의 위치와 자막 공간을 결정하고, PC와 Web은 입력 방식, 영상 저장, 로딩 전략, 배포 경로를 결정한다. 늦어도 3분 프로토타입을 만들기 전에는 팀이 주 화면 비율과 주 플랫폼을 하나씩 정해야 한다.

D
DramaFork Editorial Team인터랙티브 스토리텔링과 AI 제작
2026.08.18예상 읽기 시간: 5분
“가로형인가 세로형인가, PC인가 Web인가: 출시 형태를 정한 뒤 시나리오를 쓰자” 블로그 글 표지
목차
크리에이터 블로그
  1. 01들어가며
  2. 02가로형과 세로형은 구도만 바꾸는 것이 아니다
  3. 03PC, Web, 모바일에는 각각 주요 제약이 있다
  4. 04팀의 취향이 아니라 플레이어의 과제를 기준으로 선택하자
  5. 05플랫폼이 영상 연동 방식을 결정한다
  6. 06출시 형태 의사결정표를 만들자
  7. 07프로젝트 착수 문서에 세 문장을 명확히 적자
  8. 08작업 시작 전 출시 형태 점검
글 맨 위로

들어가며

출시 형태는 시나리오를 다 쓴 뒤 고르는 포장 옵션이 아니다. 가로형과 세로형은 배우의 위치와 자막 공간을 결정하고, PC와 Web은 입력 방식, 영상 저장, 로딩 전략, 배포 경로를 결정한다. 늦어도 3분 프로토타입을 만들기 전에는 팀이 주 화면 비율과 주 플랫폼을 하나씩 정해야 한다.

이 글은 프로젝트 착수 시 의사결정을 위한 틀을 제공하며, 모든 프로젝트가 반드시 하나의 플랫폼으로만 출시해야 한다는 뜻은 아니다. 주 플랫폼을 먼저 고르는 이유는 첫 버전의 기술 조건과 시청 조건을 검증할 수 있게 하기 위해서다. 이식은 핵심 경험이 안정된 뒤에 진행해야 한다.

가로형과 세로형은 구도만 바꾸는 것이 아니다

가로형은 여러 인물이 한 화면에 등장하는 장면, 환경 단서, 감시 카메라 화면, 전통적인 PC/콘솔 시청에 더 적합하다. 플레이어의 시선이 더 넓은 범위로 이동할 수 있고, 자막과 선택지도 화면 아래나 옆에 배치하기가 비교적 쉽다.

세로형은 휴대폰을 한 손으로 들고 보는 방식에 더 잘 맞는다. 인물의 얼굴과 관계 갈등이 화면 중심을 차지하기 쉽지만, 환경 정보를 담을 공간은 더 적다. 자막, 선택지, 카운트다운, 시스템 안내가 같은 영역을 두고 경쟁한다. 촬영할 때 안전 영역을 확보하지 않으면 후반 작업에서는 연기를 가리거나 글자를 줄일 수밖에 없다.

가로형과 세로형을 각각 한 세트씩 촬영한다고 당연하게 생각하지 말자. 가로형 영상을 세로형으로 자르면 인물 관계와 단서가 사라지고, 세로형 영상을 가로형 화면에 넣으면 빈 공간이 많이 생긴다. 두 화면 비율을 지원하려면 구도를 다시 잡고, 자막을 확인하고, 영상 자료를 내보내고, 인터페이스를 테스트해야 하므로 별도의 비용으로 계산해야 한다.

PC, Web, 모바일에는 각각 주요 제약이 있다

PC 클라이언트는 용량이 큰 영상 패키지, 키보드·마우스나 컨트롤러 입력, 오프라인 저장, Steam 배포에 적합하다. 대신 설치, 빌드, 플랫폼 심사, 더 다양한 기기 차이에 대응해야 한다.

Web 버전은 진입 장벽이 낮고 프로토타입을 공유하기 쉽지만, 브라우저 자동 재생 규칙, 네트워크 변동, 캐시, 디코딩 성능, 탭 전환이 모두 영상 경험에 영향을 준다. 개발용 컴퓨터의 고속 네트워크가 실제 환경을 대표한다고 가정해서는 안 된다.

모바일은 세로형과 짧은 플레이에 적합하지만, 터치 영역, 시스템 중단, 백그라운드에서의 복귀, 저장 공간, 다양한 화면 비율, 스토어 규정을 처리해야 한다. 사용자가 소리를 끄고 볼 가능성도 더 높으므로 자막과 소리에 의존하지 않는 피드백은 첫 버전부터 설계해야 한다.

팀의 취향이 아니라 플레이어의 과제를 기준으로 선택하자

핵심 과제가 여러 감시 카메라 화면을 비교하며 세부 정보를 찾는 것이라면 보통 가로형 PC가 더 자연스럽다. 핵심 과제가 짧은 드라마의 갈등 속에서 빠르게 입장을 표현하는 것이라면 세로형 모바일이 실제 사용 상황에 더 가깝다. 핵심 목표가 잠재 사용자에게 설치 없이 3분 프로토타입을 체험하게 하는 것이라면 Web을 검증 플랫폼으로 사용할 수 있다.

《零点回拨》의 전체 버전에는 고객센터 인터페이스, 통화 기록, 감시 영상과 증거 비교가 포함되어 가로형 PC에 적합하다. 하지만 사용자 확보용 3분 버전은 Web으로 만들어, 걸려 온 전화에 대한 판단 한 번과 명확한 결과 하나를 남길 수 있다. 둘은 단순히 내보내기만 달리한 관계가 아니라 완성 제품과 검증용 일부 구간의 관계다.

플랫폼이 영상 연동 방식을 결정한다

영상을 “재생”할 수 있는 것은 최소 요건일 뿐이다. 인터랙티브 영상 게임은 다음 영상을 미리 준비하고, 선택 뒤 빠르게 전환하며, 일시 정지와 재개를 처리하고, 저사양 기기에서도 영상과 음성을 안정적으로 유지해야 한다.

Unity의 VideoPlayer.Prepare는 재생 전에 리소스를 준비하는 데 쓰인다. Unreal Engine의 Media Framework는 로컬 파일, 스트리밍 미디어, 오디오·비디오 트랙, Blueprint와 UMG 연동을 지원한다. Godot의 VideoStreamPlayer에도 자체적인 형식 및 Web 성능 제약이 있다. 촬영이 끝난 뒤에야 모든 영상을 변환해야 한다는 사실을 발견하지 않도록, 엔진을 선택하기 전에 목표 플랫폼과 인코딩을 확인해야 한다.

출시 형태 의사결정표를 만들자

각 후보안을 1점부터 5점까지 평가하자.

항목 확인할 사실
플레이어 적합성 목표 사용자가 실제로 해당 기기와 상황에서 이용하는가
상호작용 적합성 입력, 텍스트, 단서, 시간 압박이 자연스러운가
시청각 적합성 화면 비율 안에 인물, 자막, 선택지를 담을 수 있는가
기술적 위험 영상, 캐시, 저장, 기기 차이를 통제할 수 있는가
배포 비용 계정, 심사, 자료, 버전 유지 관리의 양
사용자 확보 경로 플레이어가 어디에서 작품을 발견하고 진입하는가
팀 역량 해당 테스트 기기와 개발 경험을 보유하고 있는가

점수가 답을 자동으로 정해 주지는 않는다. “플레이어 적합성”이나 “기술적 위험”이 3점 미만인 안은 총점의 평균으로 약점을 덮지 말고, 먼저 해당 문제를 겨냥한 프로토타입을 만들어야 한다.

프로젝트 착수 문서에 세 문장을 명확히 적자

첫째, 첫 버전의 주 화면 비율과 주 플랫폼은 무엇인가. 둘째, 그것이 목표 플레이어와 핵심 과제에 가장 적합한 이유는 무엇인가. 셋째, 당분간 지원하지 않을 플랫폼과 재검토 조건은 무엇인가.

출시 형태를 정해야 시나리오에서 한 구간이 얼마나 오래 지속될 수 있는지, 플레이어가 동시에 얼마나 많은 정보를 볼 수 있는지, 선택지가 어떻게 나타나야 하는지를 알 수 있다. 다음 단계에서는 이러한 제약을 핵심 루프로 바꿔야 한다.

작업 시작 전 출시 형태 점검

실제 실행 단계에서는 목표 기기, 화면 비율, 한 번의 체험 시간, 입력 방식, 네트워크 조건을 같은 사양 카드에 적자. 그런 다음 대사, 선택, 자막, 영상 전환을 포함한 최소 구간으로 가로형과 세로형을 함께 테스트하자. 팀이 구도, 상호작용 영역, 자료 제작 비용이 모두 성립한다고 확인한 뒤에야 전체 시나리오 단계로 넘어가자.

제품 기능 알아보기 인터랙티브 작품 체험

계속 읽기

더 많은 글 보기
변경 기록이 수정 원인, 새로운 다리 동작, 영향을 받는 소재를 연결한다.
제품 워크플로2026.09.30 · 6분

인터랙티브 스토리의 변경 기록 작성법: 원인, 변경, 영향받는 루트 구분하기

변경 기록은 세 칸으로 작성한다: 원인, 변경, 영향받는 루트. 원인은 "왜 바꾸는지"를 설명하고, 변경은 "무엇을 바꾸는지"를 명확히 쓰며, 영향받는 루트는 "어떤 소재와 분기가 재검토되어야 하는지"를 나열한다. 아래에는 가상의 교육용 예시를 관통해서 사용한다: 어떤 인터랙티브 영화 게임이 원래 2장에 "끊어진 다리" 노드를 두었고, 플레이어는 밧줄을 찾아야 강을 건널 수 있었다; 작가는 나중에 끊어진 다리를 "지연된 나룻배"로 바꾸었는데, 그 이유는 원래 설계가 한 온화한 루트를 어색하게 만들었기 때문이다. 이하 인명, 숫자, 대사는 모두 가상이며, 작성법 시연에만 사용된다

두 창작자가 모호한 의견을 구체적인 장면 동작을 가리키는 수정서로 바꾸는 모습.
제품 워크플로2026.09.29 · 6분

두 창작자가 교대로 검토할 때, '여기가 틀렸어'를 실행 가능한 수정서로 쓰는 방법은?

'여기가 틀렸어'를 수정서로 바꾸는 핵심 동작은 하나뿐입니다. 모든 의견을 버전, 노드, 현상, 기대, 이유, 책임, 검증이라는 일곱 칸에 넣는 것입니다. 두 사람이 교대로 검토할 때는 먼저 각자 독립적으로 수정서를 작성하고, 충돌 항목을 병합한 뒤에야 원고를 수정합니다. 아래에서는 가상의 교육용 예시로 전체 과정을 진행하며, 인물, 대사, 수치는 실제 측정 자료가 아닙니다.

한 컴퓨터의 로컬 서비스와 다른 컴퓨터가 길 건너 서로 마주 보고, 공용 연결 다리가 도달 가능한 주소를 알려주는 모습.
제품 워크플로2026.09.29 · 6분

원격 소재 패키지에 localhost가 나타나면, 왜 다른 컴퓨터에서는 열리지 않을 수 있을까?

원격 패키지의 소재 주소가 localhost를 가리키면, 컴퓨터를 바꾼 뒤에는 수신자 자신의 컴퓨터로 요청이 갑니다. 제작자 컴퓨터의 서비스는 ZIP과 함께 옮겨지지 않으므로 "내 쪽에서는 재생된다"는 것만으로 다른 사람도 재생할 수 있다고 증명할 수 없습니다. 처리 순서는 실제 요청 주소 확인, 애플리케이션 도메인 대조, 재내보내기, 다른 기기에서 검증입니다.

제작의 복잡함은 Agent에게, 창작의 결정권은 당신에게.

하나의 이야기 아이디어에서 시작해 대본, 캐릭터, 장면과 분기를 구성하고 플레이 가능한 첫 버전을 만드세요.

제품

  • 가격
  • 주요 기능
  • 제작 과정
  • 작품 예시
  • 자주 묻는 질문

둘러보기

  • 인터랙티브 갤러리
  • 크리에이터 블로그
  • 크리에이터 파트너십

법적 고지

  • 개인정보 처리방침
  • 이용약관
© 2026 DramaFork/AI 인터랙티브 스토리 스튜디오
Press Enter to send, or drag away and release.