18-3 메신저·비주얼노블 뷰

대사로 쓴 원고, 그냥 읽지 말고 재생해 보세요! 프론트매터 한 줄이면 노트가 채팅이 실시간으로 오가는 메신저 화면이 되고, 배경·캐릭터·배경음이 살아 있는 비주얼노블 게임 화면이 됩니다. 🎮💬

← 홈으로: 옵시코 101 · 형제 글: 18-2 캐릭터 도감과 캐릭터 참조 · 18-1 이북·웹소설 뷰어

1분 요약 ⏱️

view: messenger → 폰 프레임 속 메신저 뷰 💬, view: visualnovel → 전체 화면 비주얼노블 뷰 🎮
대본은 18-2 캐릭터 도감과 캐릭터 참조의 <<이름:이미지>> 참조로 씁니다 — 정렬 접미사(|--/--|)가 말풍선 방향·서는 위치가 돼요.
클릭(Space/Enter) 한 번에 한 대사씩, ← 로 되감기, ▶ 자동 재생도 됩니다.
배경음·효과음·화면 연출·감정 모션·퇴장까지 — 연출 구문은 두 뷰가 똑같이 알아들어요.

1. 대본 쓰는 법 — 공통 문법 ✍️

프론트매터에 view: messenger 또는 view: visualnovel을 넣으면 상단 보기 메뉴(👁) 안에 해당 항목(‘메신저 뷰’·‘비주얼노블 뷰’)이 나타나요.

💡 두 가지만 지키면 돼요: ① view: 값은 영문이어야 해요 — messenger·visualnovel(웹소설·책은 webnovel·book). 대소문자는 가리지 않고 비주얼노블은 vn·visual-novel 로 줄여 써도 되지만, 메신저뷰처럼 한글로 쓰면 항목이 안 떠요. ② 대사 줄은 <<이름:이미지>> 토큰으로 시작해야 대사로 인식돼요(문장 중간에 있으면 그냥 서술로 나와요).

---
view: messenger
---
<<배경:골목길-밤.png>>
<<서연:서연-기본.png|-->> [10:23] 어디야? 다 왔어?
<<민준:민준-급함.png--|>> 미안 미안, 5분만!!
<<서연:서연-뾰로통.png!흔들|-->> 또 늦잠 잤지?
%%shake%%
민준은 전속력으로 달리기 시작했다.
<<민준:->>

구문	뜻
`<<이름:이미지>> 대사`	그 캐릭터의 대사(이미지=표정)
`<<배경이름:이미지>>`	장면 전환 — 메신저=채팅방 월페이퍼, 비주얼노블=무대 배경(`type: 배경` 항목)
`[10:23]`	대사 앞에 붙이면 그 전송 시각(메신저)
`# 제목`	장면 라벨(챕터 표시)
일반 문장	내레이션(지문)
`> 인용문`	메신저=상단 고정 공지(단톡방 공지 📢), 비주얼노블=화면 가운데 시스템 알림
`---`	구분선 — 비주얼노블에선 전원 퇴장+배경음 정지(장면 정리)
`%%주석%%`	화면에 안 나오는 메모

정렬 접미사: 이미지명 뒤에 |--(왼쪽) 또는 --|(오른쪽)를 붙이고, 아무것도 안 붙이면 가운데예요. 메신저에선 말풍선 방향(오른쪽이 ‘나’), 비주얼노블에선 캐릭터가 서는 위치가 됩니다. << 자동완성의 3단계에서 골라도 돼요!

대사 자리에 파일을 넣으면 📎

<<서연:서연-기본.png>> ![[셀카.jpg]] 처럼 대사 자리에 첨부를 넣으면 — - 이미지 → 메신저=사진 말풍선(클릭하면 크게), 비주얼노블=화면 가운데 CG - 오디오([[음성.mp3]]) → 메신저=재생 버튼 있는 보이스 메시지 - 그 밖의 파일 → 메신저=파일 카드 - 텍스트 없이 토큰만 쓰면 메신저에선 그 캐릭터 이미지가 사진으로 전송돼요.

연출 구문 🎇 — 두 뷰 공통!

구문	연출
`![[곡.mp3]]` (또는 음악만 있는 줄)	배경음 — 루프 재생, 곡이 바뀌면 이전 곡의 페이드아웃과 새 곡의 페이드인이 겹치며 부드럽게 이어져요(크로스페이드) 🎵
문장 속 `[띵동](bell.mp3)`	효과음 — 그 대사 직전에 한 번 재생 🔔
`%%shake%%` `%%flash%%` `%%fade%%`	화면 연출 — 흔들림 · 번쩍 · 암전(한글 별칭 `%%흔들림%%` 등도 OK)
이미지 뒤 `!점프` `!흔들` `!끄덕`	감정 모션 — 메신저=말풍선이 콩!, 비주얼노블=캐릭터가 콩! (`!jump`/`!shake`/`!nod`)
`<<이름:->>`	퇴장 — 메신저=‘○○님이 나갔습니다’ 시스템 메시지, 비주얼노블=무대에서 퇴장

2. 메신저 뷰 💬 — 채팅이 실시간으로

화면 가운데 폰 프레임이 뜨고, 클릭할 때마다 메시지가 하나씩 도착합니다.

연출이 진짜 같아요: 왼쪽 대사는 ••• 입력 중 말풍선이 먼저 뜨고, 오른쪽(나) 대사는 하단 입력창에 또각또각 타이핑된 뒤 전송돼요! 방금 보낸 메시지엔 읽음 ‘1’ 이 잠깐 붙었다 사라집니다.
시간 표시: [10:23]을 적으면 그 시각으로, 없으면 자연스러운 가짜 시간이 흘러가요. 같은 사람이 연달아 보내면 카카오처럼 마지막 말풍선에만 시간이 붙어요.
이모지만 1~3개인 메시지는 말풍선 없이 큼직하게 😆
단톡방 공지 📢: 대본에 > 인용문을 넣으면 채팅 위쪽에 고정 공지 바가 떠요(카카오 단톡방 공지처럼). 기본은 접혀 있고 탭하면 펼쳐집니다. 첫 대사 앞의 공지는 뷰를 켜자마자 상단에 보이고, 재생 도중 새 > 인용을 지날 때마다 그 순간 공지 내용이 교체돼요.
링크가 진짜 메신저처럼 🔗: 대사·지문에 넣은 웹 주소는 클릭하면 열리고, 말풍선 아래에 미리보기 카드(제목·설명·썸네일)가 뜹니다. [[위키링크]]도 카드로 떠서 누르면 그 노트로 이동해요. 지문(내레이션) 속 링크는 한 줄에 하나씩 예쁜 알약 버튼으로 정리됩니다. (웹 미리보기 이미지는 데스크탑·아이패드/아이폰에서 채워져요.)
테마 ◐: 기본 · 카카오 · 아이메시지 · 다크 — 입력창 색까지 같이 바뀝니다.
조작: ▶ 자동 재생(배속 ×1/×1.6/×2.4) · ⏭ 끝까지 펼치기 · ⏮ 처음부터 · ♪ 음소거 · ◐ 테마 · ← 한 칸 되감기(연출도 함께 되감겨요). 닫을 땐 폰 프레임 좌상단의 ‹(뒤로) 버튼이나 Esc를 누르세요. 읽던 위치는 문서별로 기억!

3. 비주얼노블 뷰 🎮 — 게임 화면처럼

전체 화면 무대 위에 배경이 깔리고, 캐릭터가 좌·중·우에 서서 대사를 말합니다.

무대: 배경 참조로 전환(부드러운 전환 + 은은한 Ken Burns 줌). 말하는 캐릭터는 또렷하게, 말이 없는 캐릭터는 살짝 물러나며 어두워져요. 같은 캐릭터의 표정(이미지) 교체도 크로스페이드로 슥 — 새 이미지를 미리 읽어 두었다가 겹치며 바뀝니다.
대사창: 프레임 없는 시네마틱 그라데이션 — 화자 이름은 color 색+외곽선으로 서는 위치 쪽에 뜨고, 대사는 타자기처럼 흘러나옵니다(마크다운 서식·강조색 지원).
선택지 분기: 내레이션 줄에 [[위키링크]]를 넣으면 선택지 버튼이 돼요! [[#소제목]]은 문서 안 점프, [[다른문서]]·[[다른문서#소제목]]은 다른 에피소드로 이어집니다. 인터랙티브 스토리 완성! 🌿
엔딩: 내용이 끝나면 화면이 어두워지며 ‘끝’ — 여운까지 챙겼습니다.
조작: 클릭/Space=다음, ←=되감기, ▶ 자동 재생(배속 ×1/×1.7/×2.6), 화면 꾹(또는 Ctrl 꾹)=스킵, 🔇 음소거, ⚙에서 글자 속도·크기 조절. 읽던 위치도 물론 기억해요.

🎬 같은 원고, 세 가지 상영관: 하나의 대본을 웹소설 뷰로는 소설처럼, 메신저 뷰로는 채팅 드라마처럼, 비주얼노블 뷰로는 게임처럼 볼 수 있어요. view 값만 바꾸면 됩니다!

🤖 AI 에이전트가 이 문법을 전부 알아요(16 AI 에이전트): "이 소설을 메신저 뷰 대본으로 바꿔줘", "서연이랑 민준이 나오는 선택지 분기 비주얼노블 에피소드 써줘"라고 하면 등록된 캐릭터의 실제 이미지 파일명을 확인해서 문법에 맞는 대본을 만들어 줍니다. 필요한 캐릭터가 없으면 프론트매터 노트부터 만들어 줘요.

← 이전: 18-2 캐릭터 도감과 캐릭터 참조 · 처음으로 · 다음: 19 내보내기 →