Teatro de Lectura de Xiapu — Cada línea se convierte en una representación escénica

Teatro de Lectura de Xiapu — Cada línea se convierte en una representación escénica

Juega el Teatro de Lectura de Xiapu: una experiencia web interactiva de lectura a telón que pone en escena los diálogos de 霞浦纪事 como teatro en vivo, con seis perspectivas de lectura, videos de escena generados en primera persona, un elenco en escena de sprites recortados y un final entre corchetes, creado de principio a fin en Neta Studio.

Producto final: Teatro de Lectura de Xiapu

Teatro de Lectura de Xiapu (霞浦纪事|幕布读法剧场) es una experiencia interactiva de lectura a telón para navegador construida sobre la IP de misterio escolar 霞浦纪事. Reescenifica las escenas de diálogo de la serie como una pequeña obra de proscenio: el texto llega tras un telón que se abre, los personajes entran y salen del escenario, los objetos se depositan en el estante de objetos, y tú ocupas el asiento del público en lugar del botón del ratón.

A lo largo de una partida eliges una lectura (读法) — director, guionista, estudiante común, 嘉茂渊子, 宇野奈惠 o el cliente — y cada una despliega la misma escuela a lo largo de una línea distinta: la cámara, el guion, la taquilla de zapatos, la pausa, la carrera, la nota sellada. Los actos avanzan, las pistas se acumulan, se sacan tarjetas de encargo de la caja de consultas, y la función cierra con un final entre corchetes que reúne tu acto, tu objeto y tu lectura en la tarjeta.

A partir de una semilla de una sola línea sobre una novela que su autor llevaba años escribiendo, Neta Studio generó el mundo alineado con el canon y, después, este teatro de lectura jugable, con arte real, videos de escena reales, prompts reales y un enlace para compartir real, en cuestión de minutos.

Abre el teatro: Juega el Teatro de Lectura de Xiapu →

Aplicación en vivo: abrir la página publicada →

Características

  • Revelado de lectura a telón — cada línea se pone en escena tras el telón rojo: 开幕 abre la cortina, el fondo y un video de escena generado aparecen con una transición suave, y la tarjeta de escena se revela línea por línea con el ritmo de una función en vivo.
  • Seis perspectivas de lectura — 导演读法, 编剧读法, 普通学生读法, 嘉茂渊子读法, 宇野奈惠读法 y 委托人读法, cada una con su propia insignia, color, pregunta inicial y conjunto inicial de pistas: la misma historia, seis maneras distintas de mirarla.
  • Elenco, objetos y réplicas en escena — los personajes entran como retratos bajo un foco, objetos como el 涂改方案书, la 旧木牌钥匙 y la 消失字迹的信 se colocan en un estante de objetos visible, y una réplica de personaje recorre la parte inferior del escenario como un subtítulo en una obra de teatro.
  • Videos de escena en primera persona generados — el fondo del escenario es un conjunto de clips reales de 10 segundos en primera persona generados para el mundo: deslizar la puerta de la 相谈屋, desplegar la carta que se desvanece, levantar el plan del festival cultural y pulsar el interruptor ON AIR de la 广播室.
  • Pistas, actos y elecciones del público — un marcador registra el número de acto y el recuento de pistas, 抽委托 extrae un encargo de la caja de consultas, y la barra 观众席选择 permite al público dar una dirección a la historia desde la primera fila.
  • Final entre corchetes y compartir con un clic — 落幕结算 compone un título de final a partir de la partida (por ejemplo, 黄昏分镜师) con tus actos, objetos y lectura, y luego toda la página estática se publica en un enlace estable: sin descargas, sin instalación, funciona en cualquier navegador.

Interfaz

Desglose del proceso de producción

Etapa 1: Construcción del mundoclaude-opus-5
A partir de la semilla de una sola línea de su autor — «tengo una novela que llevo años escribiendo y quiero hacerla visual» —, Neta Studio construye el canon de 霞浦纪事: la visión general, el prólogo, el conflicto central sobre hasta dónde debe decirse una verdad y el estilo visual (línea suave coloreada, factura dibujada a mano, paleta pastel suave), y luego 76 tarjetas de átomos repartidas entre personajes, localizaciones, eventos, perspectivas y lore.
Etapa 2: Generación de videos de escena y arteseedance-2-0gpt-image-2
La experiencia se produce con los recursos primero: cuatro ilustraciones dentro de la aplicación (un retrato de 嘉茂渊子, uno de 宇野奈惠, un mapa del campus y una hoja de iconos de objetos), retratos de personajes y láminas de localizaciones para la escuela, la sala de consultas y la posada junto al mar, además de seis videos de escena de 10 segundos en primera persona: la puerta del aula del club, la carta que se desvanece, el plan oculto del festival, el interruptor de emisión y la llave de 白田庄.
Etapa 3: Recorte de personajesbirefnet
A cada ilustración de personaje se le elimina el fondo para convertirla en un sprite PNG transparente, de modo que pueda mantenerse bajo el foco del escenario sin un borde rectangular: el retrato de 嘉茂渊子, una figura completa de 宇野奈惠 y 河内杏叶 con su carta.
Etapa 4: Construcción y publicación de la aplicaciónneta-studio
El teatro en sí es una sola página estática: seis perspectivas de lectura, un guion de escenas y objetos, una animación de telón y una capa de video de escena vinculada al arte real, empaquetada como un paquete estático, verificada en un navegador real y publicada en un enlace para compartir estable.

Prompts de recursos

Prompts de generación reales

Prompt de video de escena — 相谈屋, primera personaseedance-2-0
"Video de 10 segundos en primera persona desde el punto de vista de un estudiante anónimo en @霞浦高中 que entra en @相谈屋 después de clases. La cámara son los ojos del estudiante: avanza por un pasillo escolar silencioso con una suave luz de atardecer, restos de papel del festival cultural aún en el suelo, una tenue emisión escolar que resuena, y entonces una mano duda y desliza la puerta del aula del club. Dentro, @嘉茂渊子 espera tranquila junto a un escritorio con cuadernos y una vieja carta; su mirada es amable pero agudamente observadora, como si ya hubiera advertido el secreto; @宇野奈惠 se da la vuelta con viva curiosidad junto a la sencilla caja de solicitudes, con partículas de polvo flotando en la luz cálida. Movimiento: avance lento, un ligero balanceo de cámara en mano, la puerta traquetea suavemente, las cortinas se mueven con la brisa del atardecer, papeles sueltos tiemblan, la luz se desplaza por los pupitres. Ambiente: suspense silencioso, ternura, el miedo y el alivio de pedir ayuda, el comienzo de un misterio de vida escolar. Conserva el realismo de la escuela secundaria japonesa moderna…"
Prompt de video de escena — 消失字迹的信seedance-2-0
"Video de 10 segundos en primera persona desde el punto de vista de un estudiante sentado al escritorio dentro de @相谈屋 después de clases, investigando la @消失字迹的信 de @寄给初春的书信. La cámara son los ojos y las manos del estudiante. Comienza con ambas manos colocando una vieja carta doblada sobre un escritorio de madera del aula del club; el papel está ligeramente amarillento, suave y gastado. El espectador la despliega despacio. Al principio la página parece casi en blanco, solo tenues rastros de escritura. Una segunda mano, que pertenece a @宇野奈惠 justo fuera de plano, acerca con suavidad una cálida lámpara de escritorio. A medida que la luz se desplaza sobre el papel, empiezan a aparecer trazos de tinta pálidos, y luego algunas líneas se desvanecen de nuevo como un secreto frágil. El dedo del espectador sujeta la esquina del papel mientras las partículas de polvo flotan en la luz del atardecer; una cortina se mueve suavemente detrás del escritorio; cuadernos y una sencilla caja de solicitudes están cerca. Movimiento: despliegue cuidadoso, la textura del papel cediendo, la lámpara acercándose, la luz cálida barriendo la página, la ma…"
Prompt de video de escena — 文化祭秘密方案书seedance-2-0
"Video de 10 segundos en primera persona desde el punto de vista de un estudiante dentro de @学生会室 después de clases, investigando el @文化祭秘密方案书 de @文化祭秘密策划. La cámara son los ojos y las manos del estudiante. Comienza con un escritorio desordenado del consejo estudiantil cubierto de folletos del festival cultural en tonos pastel, restos de papel de colores, cinta adhesiva, sellos, cuadernos y una gruesa carpeta etiquetada como un plan de festival cualquiera pero sin texto legible. Las manos del espectador abren la carpeta y hojean varias páginas con rapidez; la mayoría son horarios inofensivos y bocetos de puestos. Entonces una mano advierte una solapa interior ligeramente levantada en la contraportada. El espectador la levanta con cuidado y saca una hoja de plan antigua y oculta. Al deslizarse el papel, varias notas sueltas se dispersan por el escritorio; una página cae bajo la cálida luz del atardecer, mostrando círculos hechos con bolígrafo rojo, flechas y una línea de tiempo marcada sin texto legible. Movimiento: paso de páginas táctil, los bordes del papel…"
Prompt de video de escena — 广播室 ON AIRseedance-2-0
"Video de 10 segundos en primera persona dentro de la vieja sala de emisiones de la escuela en @霞浦高中 después de clases, conectado con @霞浦高中广播声 y @占卜研究社结成. No debe aparecer ningún rostro de personaje. La cámara es desde el punto de vista de @宇野奈惠, enérgica pero controlada: solo se ven sus manos y sus acciones. Comienza con una mano deslizando la puerta de la sala de emisiones lo justo para entrar; corta o se desplaza hacia un escritorio de emisión polvoriento con un micrófono viejo, botones de mesa de mezclas, una pletina de casete, un cable enrollado y una pequeña lámpara roja indicadora ON AIR. Una mano acerca el micrófono; la otra duda sobre el interruptor. El dedo pulsa el interruptor de emisión; la lámpara roja ON AIR se enciende con claridad. A través de la ventana de la sala de emisiones o del cristal del pasillo, muestra solo siluetas lejanas de la parte inferior del cuerpo o zapatos de estudiantes en el pasillo que se detienen y giran ligeramente, sin rostros. Movimiento: la puerta se desliza suavemente, la mano acerca el micrófono, el cable se mueve, el dedo pul…"
Prompt de video de escena — 白田庄, la llave entre las cenizasseedance-2-0
"Anima la imagen de origen como una escena de consecuencias de 10 segundos en primera persona tras el incendio de 白田庄. Conserva la escala y la perspectiva exactas de la imagen de origen: manos de estudiante en primer plano muy cercano, una llave de latón de habitación de tamaño normal con una etiqueta de madera chamuscada, ceniza húmeda y astillas a escala humana, y la ryokan en ruinas solo al fondo, lejana y desenfocada. No cambies las proporciones. No hagas que el edificio del fondo parezca miniatura ni gigantesco. No agrandes la llave. Sin rostros y sin personas en el fondo. Acción: las manos apartan despacio un poco de ceniza húmeda, descubren la pequeña llave de latón de la habitación, la pellizcan con cuidado por el anillo, la levantan solo una corta distancia hacia la pálida luz de la mañana y dejan que la etiqueta de madera chamuscada oscile una vez de forma natural. El hollín mancha las puntas de los dedos; unas gotas de lluvia caen desde aleros carbonizados fuera de plano; la ceniza y las pequeñas astillas se mueven ligeramente. La cámara permanece baja, cercana y est…"
Prompt de retrato de personaje — 嘉茂渊子gpt-image-2
"@嘉茂渊子, crea un avatar de retrato de busto cuadrado para una red de relaciones de personajes. Personaje: chica de secundaria japonesa, cabello oscuro y liso hasta los hombros que sigue una vieja tradición familiar, rostro hermoso pero casi sin expresión, ojos tranquilos y observadores, un aura ligeramente anticuada, uniforme escolar pulcro con un sutil accesorio clásico como un pequeño amuleto o un marcapáginas de papel doblado, sosteniendo un viejo texto ocultista o clásico pegado al pecho. Composición: retrato de busto centrado, mirando ligeramente hacia la izquierda, aire de detective silencioso. Estilo: línea suave coloreada, factura dibujada a mano, paleta de colores pastel suave, retrato de personaje de novela ligera limpio, atmósfera amable de misterio escolar, textura de papel cálida, fondo pastel sutil, sin texto, sin logotipo, sin marca de agua. Restricciones: sin texto, sin logotipo, sin marca de agua; evita dedos adicionales; evita el fotorrealismo."
Prompt de retrato de personaje — 宇野奈惠gpt-image-2
"@宇野奈惠, crea un avatar de retrato de busto cuadrado para una red de relaciones de personajes. Personaje: chica de secundaria japonesa enérgica, rostro expresivo, ojos vivos y curiosos, sonrisa amistosa y traviesa, cabello castaño suave de corto a medio con movimiento natural, uniforme escolar llevado con desenfado, una mano alzada como si estuviera a punto de hacer una pregunta. Composición: retrato de busto centrado, ángulo dinámico, sensación cálida de tarde escolar. Estilo: línea suave coloreada, factura dibujada a mano, paleta de colores pastel suave, retrato de personaje de novela ligera limpio, atmósfera amable de misterio escolar, textura de papel cálida, fondo pastel sutil, sin texto, sin logotipo, sin marca de agua. Restricciones: sin texto, sin logotipo, sin marca de agua; evita dedos adicionales; evita el fotorrealismo."
Prompt de portada en 16:9 — Teatro de Lecturagpt-image-2
"Arte clave de portada de juego para 霞浦纪事 幕布读法剧场 (Teatro de Lectura de Xiapu Chronicles), una experiencia web de lectura a telón de misterio escolar. Línea suave coloreada, factura dibujada a mano, paleta de colores pastel suave, vida escolar cinematográfica, atmósfera amable de misterio. Composición horizontal en 16:9: un cálido salón escolar después de clases convertido en un pequeño teatro de proscenio, profundos telones de terciopelo carmesí abriéndose en el centro, un único foco dorado sobre un guion abierto, una carta de pergamino enrollada y una pequeña llave de latón de habitación como objetos, con 嘉茂渊子 (tranquila, largo cabello oscuro y liso, sosteniendo un viejo libro clásico) y 宇野奈惠 (enérgica, cabello castaño suave y corto) inclinándose para leer la página, y compañeros de clase esperando como tenues siluetas tras el telón. Sin texto, sin logotipo, sin marca de agua."

Por qué elegir Neta Studio

Profesional — El sistema de arnés en la nube admite todo el flujo de trabajo, desde la construcción del mundo hasta la publicación de páginas web interactivas, todo ejecutándose en la nube sin instalación local y con acceso estable a modelos de vanguardia: Claude Opus 5, GPT Image 2, Seedance 2.0, BiRefNet y DeepSeek.

Generación con un clic — Habilidades ajustadas oficialmente impulsan cada paso: construcción del mundo, arte de retratos de personajes y localizaciones, generación de videos de escena, recorte de fondos a sprites, ensamblaje de la página y uso compartido instantáneo del teatro terminado.

La comunidad primero — Los usuarios crean mundos ilimitados; todos los mundos públicos se pueden bifurcar, remezclar y reimaginar en nuevos juegos y experiencias interactivas.

Interior del estudio

Empieza a explorar

Este teatro de lectura completo fue generado por Neta Studio AI a partir de una sola frase. El mundo tomó minutos. El teatro tomó minutos. Tú también puedes hacerlo — adapta este mundo o empieza de cero con cualquier IP. No se requiere programar, empezar es gratis.

Mundo: Xiapu Chronicles (霞浦纪事) · Tipo: Aplicación web interactiva · Teatro de lectura a telón · 76 átomos del mundo · 6 perspectivas de lectura · 6 videos de escena en primera persona · 3 sprites transparentes · Compartir: Abrir →

×