Xiapu Reading-Flow Theater — Every Line Becomes a Performance
Play the Xiapu Reading-Flow Theater: an interactive curtain-reading web experience that stages the 霞浦纪事 dialogue scenes as live theater, with six reading perspectives, generated first-person scene videos, a staged cast of cut-out sprites and a bracketed ending — built end-to-end in Neta Studio.
Final Product: Xiapu Reading-Flow Theater
Cover
The 16:9 key art generated with GPT Image 2 in the world's own soft coloured lineart, hand-drawn pastel style: 嘉茂渊子 and 宇野奈惠 lean over an open script on a wooden desk while the crimson stage curtains part behind them, watched by the faint silhouettes of their classmates — the whole curtain-reading format on one cover.
Screenshot
Live app, first screen: the marquee reads 霞浦高中 · 放学后剧场 / 幕布读法剧场, the red curtain is still closed and the stage waits. Nothing to click but 开幕 — open the show.
Screenshot
Live app, act one of 剧本｜编剧读法: the scene card reveals 文化祭秘密方案书 over a moving video backdrop — 舞台后方升起文化祭彩旗 — with the act counter at 第 1 幕 and one clue already on the board.
Screenshot
Live app, act three of 镜头｜导演读法: 嘉茂渊子's portrait takes the stage beside the prop shelf (涂改方案书, 旧木牌钥匙, 无名请求) while the scene card asks 「如果你猜到了，可以不要告诉所有人吗？」.
Key Visual
Real world asset generated for 霞浦纪事: the 相谈屋 consultation room where the club receives its requests, in the series' soft pastel lineart — the room every reading of the story eventually walks into.
Xiapu Reading-Flow Theater (霞浦纪事｜幕布读法剧场) is a browser-based interactive curtain-reading experience built on the 霞浦纪事 campus-mystery IP. It re-stages the series' dialogue scenes as a tiny proscenium play: text arrives behind a parting curtain, characters walk on and off the boards, props are set down on the prop shelf, and you take the seat of the audience instead of the clicker.
Across one run you choose a reading (读法) — director, writer, ordinary student, 嘉茂渊子, 宇野奈惠 or the client — and each one lays the same school out along a different line: the camera, the script, the shoe locker, the pause, the run, the sealed note. Acts advance, clues stack up, request cards are drawn from the consultation box, and the show closes on a bracketed ending with your act, prop and reading collected on the card.
From a one-line seed about a novel the author had been writing for years, Neta Studio generated the canon-aligned world — and then this playable reading theater, with real art, real scene videos, real prompts and a real share link, in minutes.
Open the theater: Play the Xiapu Reading-Flow Theater →
Live app: open the published page →
Features
- Curtain-Reading Reveal — every line is staged behind the red curtain: 开幕 parts the drape, the backdrop and a generated scene video fade in, and the scene card is unveiled line by line with the timing of a live performance.
- Six Reading Perspectives — 导演读法, 编剧读法, 普通学生读法, 嘉茂渊子读法, 宇野奈惠读法 and 委托人读法, each with its own badge, colour, opening question and starting set of clues — the same story, six different ways to look at it.
- Staged Cast, Props and Lines — characters enter as portraits with a spotlight, props such as the 涂改方案书, the 旧木牌钥匙 and the 消失字迹的信 are placed on a visible prop shelf, and a character line runs under the stage like a subtitle in a play.
- Generated POV Scene Videos — the stage backdrop is a set of real 10-second first-person clips generated for the world: sliding open the 相谈屋 door, unfolding the fading letter, peeling back the culture-festival plan and pressing the 广播室 ON AIR switch.
- Clues, Acts and Audience Choices — a scoreboard tracks the act number and clue count, 抽委托 draws a request from the consultation box, and the 观众席选择 rail lets the audience hand the story a direction from the front row.
- Bracketed Ending and One-Click Share — 落幕结算 compiles an ending title from the run (for example 黄昏分镜师) with your acts, props and reading, then the whole static page publishes to a stable link — no download, no install, it runs in any browser.
Interface
UI
The performance view: the playbill on the left fixes the reading (镜头｜导演读法) and its question, the scene card holds the title, synopsis and quote, the character portrait sits in the spotlight, the prop shelf on the right lists the clues in play, and the character line runs along the bottom of the stage.
UI
The ending card: after three acts of the director's reading the show closes on 黄昏分镜师 — "你总在台词之前看见光，在谜底之前看见空白。霞浦高中被你剪成了一支温柔的预告片。" — with chips for 3 幕, 3 件道具, 导演读法 and 无委托.
UI
The scene card in the writer's reading: act 第 1 幕, clue 线索 1, the prop badge 群像场 and the reveal of 文化祭秘密方案书, with the audience-choice rail waiting below the control booth.
Asset
Real in-app art: the simplified campus map used by the theater to locate a scene — classroom block, service facilities, faculty building and the central courtyard, drawn in the world's pastel lineart.
Asset
Real in-app art: the prop icon sheet the stage draws from — the request box, the letter, the old room key, the festival plan, the notebook and the rest of the story's touchable anchors.
Sprite
Real character art from the world, cut out to a transparent PNG: 嘉茂渊子, the calm student-council detective, holding an old classical book with a faint figure rising from its pages.
Sprite
Real character art from the world, cut out to a transparent PNG: 宇野奈惠, the curious friend who keeps opening doors, bag on her shoulder and hand raised mid-question.
Sprite
Real character art from the world, cut out to a transparent PNG: 河内杏叶 of the divination club, holding the letter and pen that carry the third volume's story of trust and farewell.
Production Process Breakdown
Stage 1: World Buildingclaude-opus-5
From the author's one-line seed — "I have a novel I have been writing for years and want to make it visual" — Neta Studio builds the canon of 霞浦纪事: the overview, the prologue, the core conflict about how far a truth should be spoken, and the visual style (soft coloured lineart, hand-drawn quality, soft pastel palette), then 76 atom cards across characters, locations, events, perspectives and lore.
From the author's one-line seed — "I have a novel I have been writing for years and want to make it visual" — Neta Studio builds the canon of 霞浦纪事: the overview, the prologue, the core conflict about how far a truth should be spoken, and the visual style (soft coloured lineart, hand-drawn quality, soft pastel palette), then 76 atom cards across characters, locations, events, perspectives and lore.
Stage 2: Scene Video & Art Generationseedance-2-0gpt-image-2
The experience is produced asset-first: four in-app illustrations (a portrait of 嘉茂渊子, one of 宇野奈惠, a campus map and a prop icon sheet), character portraits and location plates for the school, the consultation room and the seaside inn, plus six 10-second first-person POV scene videos — the clubroom door, the fading letter, the hidden festival plan, the broadcast switch and the 白田庄 key.
The experience is produced asset-first: four in-app illustrations (a portrait of 嘉茂渊子, one of 宇野奈惠, a campus map and a prop icon sheet), character portraits and location plates for the school, the consultation room and the seaside inn, plus six 10-second first-person POV scene videos — the clubroom door, the fading letter, the hidden festival plan, the broadcast switch and the 白田庄 key.
Stage 3: Character Cutoutbirefnet
Each character illustration is background-removed into a transparent PNG sprite so it can stand in the stage spotlight without a rectangular edge — the portrait of 嘉茂渊子, a full figure of 宇野奈惠 and 河内杏叶 with her letter.
Each character illustration is background-removed into a transparent PNG sprite so it can stand in the stage spotlight without a rectangular edge — the portrait of 嘉茂渊子, a full figure of 宇野奈惠 and 河内杏叶 with her letter.
Stage 4: App Build & Publishneta-studio
The theater itself is one static page — six reading perspectives, a script of scenes and props, a curtain animation and a scene video layer bound to the real art — packaged as a static bundle, QA-checked in a real browser and published to a stable share link.
The theater itself is one static page — six reading perspectives, a script of scenes and props, a curtain animation and a scene video layer bound to the real art — packaged as a static bundle, QA-checked in a real browser and published to a stable share link.
Asset Prompts
Real Generation Prompts
Scene Video Prompt — 相谈屋, first-personseedance-2-0
"10-second first-person POV video from an anonymous student at @霞浦高中 entering @相谈屋 after school. The camera is the student's eyes: walking down a quiet school corridor with soft sunset light, culture festival paper scraps still on the floor, a faint school broadcast echoing, then a hand hesitates and slides open the clubroom door. Inside, @嘉茂渊子 sits calmly by a desk with notebooks and an old letter, her gaze gentle but sharply observant as if she has already noticed the secret; @宇野奈惠 turns around with bright curiosity beside the simple request box, dust motes floating in warm light. Motion: slow forward walk, slight handheld breathing, the door rattles softly, curtains move in the evening breeze, loose papers tremble, light shifts across desks. Mood: quiet suspense, tenderness, the fear and relief of asking for help, a school-life mystery beginning. Keep modern Japanese high school realis…"
"10-second first-person POV video from an anonymous student at @霞浦高中 entering @相谈屋 after school. The camera is the student's eyes: walking down a quiet school corridor with soft sunset light, culture festival paper scraps still on the floor, a faint school broadcast echoing, then a hand hesitates and slides open the clubroom door. Inside, @嘉茂渊子 sits calmly by a desk with notebooks and an old letter, her gaze gentle but sharply observant as if she has already noticed the secret; @宇野奈惠 turns around with bright curiosity beside the simple request box, dust motes floating in warm light. Motion: slow forward walk, slight handheld breathing, the door rattles softly, curtains move in the evening breeze, loose papers tremble, light shifts across desks. Mood: quiet suspense, tenderness, the fear and relief of asking for help, a school-life mystery beginning. Keep modern Japanese high school realis…"
Scene Video Prompt — 消失字迹的信seedance-2-0
"10-second first-person POV video from a student sitting at the desk inside @相谈屋 after school, investigating @消失字迹的信 from @寄给初春的书信. The camera is the student's eyes and hands. Start with both hands placing a folded old letter on a wooden clubroom desk; the paper is slightly yellowed, soft and worn. The viewer slowly unfolds it. At first the page looks almost blank, only faint traces of handwriting. A second hand, belonging to @宇野奈惠 just off camera, gently pulls a warm desk lamp closer. As the light shifts across the paper, pale ink strokes begin to appear, then some lines fade again like a fragile secret. The viewer's finger holds the paper corner down while dust motes float in the sunset light; a curtain moves softly behind the desk; notebooks and a simple request box sit nearby. Motion: careful unfolding, paper texture bending, lamp sliding closer, warm light sweeping over the page, han…"
"10-second first-person POV video from a student sitting at the desk inside @相谈屋 after school, investigating @消失字迹的信 from @寄给初春的书信. The camera is the student's eyes and hands. Start with both hands placing a folded old letter on a wooden clubroom desk; the paper is slightly yellowed, soft and worn. The viewer slowly unfolds it. At first the page looks almost blank, only faint traces of handwriting. A second hand, belonging to @宇野奈惠 just off camera, gently pulls a warm desk lamp closer. As the light shifts across the paper, pale ink strokes begin to appear, then some lines fade again like a fragile secret. The viewer's finger holds the paper corner down while dust motes float in the sunset light; a curtain moves softly behind the desk; notebooks and a simple request box sit nearby. Motion: careful unfolding, paper texture bending, lamp sliding closer, warm light sweeping over the page, han…"
Scene Video Prompt — 文化祭秘密方案书seedance-2-0
"10-second first-person POV video from a student inside @学生会室 after school, investigating @文化祭秘密方案书 from @文化祭秘密策划. The camera is the student's eyes and hands. Start with a cluttered student council desk covered in pastel culture festival flyers, colored paper scraps, masking tape, stamps, notebooks, and a thick file folder labeled like an ordinary festival plan but without readable text. The viewer's hands open the folder and flip through several pages quickly; most pages are harmless schedules and booth sketches. Then one hand notices a slightly raised inner flap in the back cover. The viewer carefully peels it open and pulls out an older hidden plan sheet. As the paper slides free, several loose notes scatter across the desk; one page lands under warm sunset light, showing red pen circles, arrows, and a marked timeline without legible text. Motion: tactile page flipping, paper edges flu…"
"10-second first-person POV video from a student inside @学生会室 after school, investigating @文化祭秘密方案书 from @文化祭秘密策划. The camera is the student's eyes and hands. Start with a cluttered student council desk covered in pastel culture festival flyers, colored paper scraps, masking tape, stamps, notebooks, and a thick file folder labeled like an ordinary festival plan but without readable text. The viewer's hands open the folder and flip through several pages quickly; most pages are harmless schedules and booth sketches. Then one hand notices a slightly raised inner flap in the back cover. The viewer carefully peels it open and pulls out an older hidden plan sheet. As the paper slides free, several loose notes scatter across the desk; one page lands under warm sunset light, showing red pen circles, arrows, and a marked timeline without legible text. Motion: tactile page flipping, paper edges flu…"
Scene Video Prompt — 广播室 ON AIRseedance-2-0
"10-second first-person POV video inside the old school broadcast room at @霞浦高中 after school, connected to @霞浦高中广播声 and @占卜研究社结成. No character faces should appear. The camera is from @宇野奈惠's point of view, energetic but controlled: only her hands and actions are visible. Start with a hand sliding open the broadcast room door just enough to enter; cut or glide to a dusty broadcast desk with an old microphone, mixer knobs, cassette deck, coiled cable, and a small red ON AIR indicator lamp. One hand pulls the microphone closer, the other hand hesitates over the switch. The finger presses the broadcast switch down; the red ON AIR lamp turns on clearly. Through the broadcast room window or corridor glass, show only distant lower-body silhouettes or shoes of students in the hallway pausing and turning slightly, no faces. Motion: door slides softly, hand pulls microphone, cable shifts, finger fl…"
"10-second first-person POV video inside the old school broadcast room at @霞浦高中 after school, connected to @霞浦高中广播声 and @占卜研究社结成. No character faces should appear. The camera is from @宇野奈惠's point of view, energetic but controlled: only her hands and actions are visible. Start with a hand sliding open the broadcast room door just enough to enter; cut or glide to a dusty broadcast desk with an old microphone, mixer knobs, cassette deck, coiled cable, and a small red ON AIR indicator lamp. One hand pulls the microphone closer, the other hand hesitates over the switch. The finger presses the broadcast switch down; the red ON AIR lamp turns on clearly. Through the broadcast room window or corridor glass, show only distant lower-body silhouettes or shoes of students in the hallway pausing and turning slightly, no faces. Motion: door slides softly, hand pulls microphone, cable shifts, finger fl…"
Scene Video Prompt — 白田庄, the key in the ashseedance-2-0
"Animate the source image as a 10-second first-person POV aftermath scene after the 白田庄 fire. Preserve the exact scale and perspective from the source image: close foreground student hands, normal hand-sized brass room key with scorched wooden tag, wet ash and splinters at human scale, and the ruined ryokan only distant and blurred in the background. Do not change proportions. Do not make the background building miniature or gigantic. Do not enlarge the key. No faces and no people in the background. Action: the hands slowly brush aside a little wet ash, uncover the small brass room key, pinch it carefully by the key ring, lift it only a short distance into the pale morning light, and let the scorched wooden tag swing once naturally. Soot stains the fingertips; a few rain droplets fall from off-screen charred eaves; ash and small splinters shift slightly. Camera remains low, close, and ste…"
"Animate the source image as a 10-second first-person POV aftermath scene after the 白田庄 fire. Preserve the exact scale and perspective from the source image: close foreground student hands, normal hand-sized brass room key with scorched wooden tag, wet ash and splinters at human scale, and the ruined ryokan only distant and blurred in the background. Do not change proportions. Do not make the background building miniature or gigantic. Do not enlarge the key. No faces and no people in the background. Action: the hands slowly brush aside a little wet ash, uncover the small brass room key, pinch it carefully by the key ring, lift it only a short distance into the pale morning light, and let the scorched wooden tag swing once naturally. Soot stains the fingertips; a few rain droplets fall from off-screen charred eaves; ash and small splinters shift slightly. Camera remains low, close, and ste…"
Character Portrait Prompt — 嘉茂渊子gpt-image-2
"@嘉茂渊子, Create a square bust portrait avatar for a character relationship network. Character: Japanese high school girl, shoulder-length straight dark hair following old family tradition, beautiful but almost expressionless face, calm observant eyes, slightly old-fashioned aura, neat school uniform with a subtle classical accessory such as a small charm or folded paper bookmark, holding an old occult or classical text close to her chest. Composition: centered bust portrait, facing slightly left, quiet detective mood. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel character portrait, gentle campus mystery atmosphere, warm paper texture, subtle pastel background, no text, no logo, no watermark. Constraints: no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
"@嘉茂渊子, Create a square bust portrait avatar for a character relationship network. Character: Japanese high school girl, shoulder-length straight dark hair following old family tradition, beautiful but almost expressionless face, calm observant eyes, slightly old-fashioned aura, neat school uniform with a subtle classical accessory such as a small charm or folded paper bookmark, holding an old occult or classical text close to her chest. Composition: centered bust portrait, facing slightly left, quiet detective mood. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel character portrait, gentle campus mystery atmosphere, warm paper texture, subtle pastel background, no text, no logo, no watermark. Constraints: no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
Character Portrait Prompt — 宇野奈惠gpt-image-2
"@宇野奈惠, Create a square bust portrait avatar for a character relationship network. Character: energetic Japanese high school girl, expressive face, lively curious eyes, friendly mischievous smile, short-to-medium soft brown hair with natural movement, school uniform worn casually, one hand raised as if about to ask a question. Composition: centered bust portrait, dynamic angle, warm school afternoon feeling. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel character portrait, gentle campus mystery atmosphere, warm paper texture, subtle pastel background, no text, no logo, no watermark. Constraints: no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
"@宇野奈惠, Create a square bust portrait avatar for a character relationship network. Character: energetic Japanese high school girl, expressive face, lively curious eyes, friendly mischievous smile, short-to-medium soft brown hair with natural movement, school uniform worn casually, one hand raised as if about to ask a question. Composition: centered bust portrait, dynamic angle, warm school afternoon feeling. Style: soft colored lineart, hand-drawn quality, soft pastel color palette, clean light novel character portrait, gentle campus mystery atmosphere, warm paper texture, subtle pastel background, no text, no logo, no watermark. Constraints: no text, no logo, no watermark, avoid extra fingers, avoid photorealism."
16:9 Cover Prompt — Reading-Flow Theatergpt-image-2
"Game cover key art for 霞浦纪事 幕布读法剧场 (Xiapu Chronicles Reading-Flow Theater), a school mystery curtain-reading web experience. Soft colored lineart, hand-drawn quality, soft pastel color palette, cinematic school life, gentle mystery atmosphere. 16:9 horizontal composition: a warm after-school school hall turned into a tiny proscenium theater, deep crimson velvet curtains parting in the centre, a single golden spotlight on an open script, a rolled parchment letter and a small brass room key as props, with 嘉茂渊子 (calm, long straight dark hair, holding an old classical book) and 宇野奈惠 (energetic, short soft brown hair) leaning in to read the page, classmates waiting as faint silhouettes behind the curtain. No text, no logo, no watermark."
"Game cover key art for 霞浦纪事 幕布读法剧场 (Xiapu Chronicles Reading-Flow Theater), a school mystery curtain-reading web experience. Soft colored lineart, hand-drawn quality, soft pastel color palette, cinematic school life, gentle mystery atmosphere. 16:9 horizontal composition: a warm after-school school hall turned into a tiny proscenium theater, deep crimson velvet curtains parting in the centre, a single golden spotlight on an open script, a rolled parchment letter and a small brass room key as props, with 嘉茂渊子 (calm, long straight dark hair, holding an old classical book) and 宇野奈惠 (energetic, short soft brown hair) leaning in to read the page, classmates waiting as faint silhouettes behind the curtain. No text, no logo, no watermark."
Why Choose Neta Studio
Professional — The cloud harness system supports the full workflow from world building to publishing interactive web pages, all running in the cloud with no local setup, with stable access to frontier models: Claude Opus 5, GPT Image 2, Seedance 2.0, BiRefNet and DeepSeek.
One-click generation — Officially tuned skills drive every step: world building, character portrait and location art, scene-video generation, background cutout to sprites, page assembly and instant sharing of the finished theater.
Community-first — Users build unlimited worlds; all public worlds can be forked, remixed and reimagined into new games and interactive experiences.
Studio Interior
‹
›
Studio
Studio
Studio
Start Exploring
This complete reading theater was generated by Neta Studio AI from a single sentence. The world took minutes. The theater took minutes. You can do it too — adapt this world or start fresh from any IP. No coding required, free to start.
×