Insertar y controlar videos cortos en Ren'Py

¡Hola, creadores de novelas visuales! Bienvenidos de nuevo a esta guía de Ren'Py en español. Han pasado unos meses desde nuestra [última entrada], donde implementamos un medidor de días con acciones. Hoy retomamos los temas avanzados con una mecánica emocionante: **insertar y controlar videos cortos** en tu novela visual. Aprenderemos a usar el comando `movie` de Ren'Py y a manejar la reproducción con Python. ¡Empecemos!

1. ¿Por qué usar videos en una novela visual?
Los videos cortos pueden añadir cinemáticas, transiciones dinámicas o incluso escenas interactivas a tu historia. Por ejemplo, podrías usar un video para mostrar un atardecer animado o una secuencia de introducción. Ren'Py permite insertar videos en formato MP4 y controlarlos con código, lo que nos da flexibilidad creativa.

2. Preparativos
Necesitarás:
- Un archivo MP4 (recomendado en 720p o menor, menos de 20 MB para un uso fácil). **Nota**: Por ahora, usa un archivo propio (como un clip de naturaleza o una animación). Más adelante, compartiré un asset SFW gratuito que podrás descargar.
- El proyecto de Perrito y Gatita (del [post del 18 de abril]. Guarda el archivo MP4 en la carpeta `game` (por ejemplo, `intro.mp4`).

3. Insertar un video con el comando `movie`
Ren'Py usa el comando `movie` para reproducir videos. Vamos a crear un archivo `video_system.rpy` para manejar esta mecánica.

1. En la carpeta `game`, crea un nuevo archivo llamado `video_system.rpy`.
2. Añade el siguiente código:

```
# Label para mostrar el video
label play_video:
    scene black # Fondo opcional antes del video
    $ renpy.movie_cutscene("intro.mp4") # Reproduce el video
    with dissolve
    return

# Pantalla para controles interactivos
screen video_controls():
    frame:
        xalign 0.5
        yalign 0.9
        hbox:
            textbutton "Pausar" action PauseMovie()
            textbutton "Reanudar" action UnpauseMovie()
            textbutton "Detener" action StopMovie()

init python:
    def play_custom_video():
        renpy.show_screen("video_controls")
        renpy.movie_cutscene("intro.mp4")
        renpy.hide_screen("video_controls")
```

4. Integrar el video en tu novela visual
Modifica el proyecto existente para incluir el video.

1. **Añadir la llamada al video**:
   - En `script.rpy`, añade una llamada al video al inicio:
     ```
     label start:
         call play_video # Añade esta línea
         scene bg playa with fade
         call definiciones
         call rutas
         call finales
         call mini_game
         return
     ```

2. **Opcional: Control interactivo**:
   - Para usar los controles, llama a `play_custom_video` en lugar de `play_video` y asegúrate de que la pantalla esté activa durante la reproducción.

5. Explicación del código
- **`movie_cutscene`**: Reproduce el video `intro.mp4` y pausa el juego hasta que termine. Si el video termina, regresa al flujo normal.
- **`PauseMovie()`, `UnpauseMovie()`, `StopMovie()`**: Funciones de Ren'Py para pausar, reanudar y detener el video manualmente.
- **Pantalla de controles**: La pantalla `video_controls` muestra botones para interactuar con el video, activada por la función `play_custom_video`.

6. Probar el video
1. Coloca un archivo MP4 llamado `intro.mp4` en la carpeta `game`.
2. Crea `video_system.rpy` con el código proporcionado.
3. Modifica `script.rpy` para incluir `call play_video`.
4. Ejecuta tu proyecto en Ren'Py y verifica:
   - El video se reproduce al inicio.
   - Si usas `play_custom_video`, los botones de control funcionan (pausar, reanudar, detener).

7. Ejercicio: Personaliza tu video
Ahora te toca a ti. Usa este código como base y experimenta:
- Crea un video corto propio (por ejemplo, graba un clip de 5 segundos con tu celular).
- Añade un botón para reiniciar el video usando `ReplayMovie()` en la pantalla `video_controls`.
- Integra el video en otra escena (por ejemplo, después del mini-juego).
- **Nota futura**: Cuando comparta un asset SFW, úsalo como `intro.mp4` y compárteme tus resultados.

8. ¡Tu turno!
Prueba este código con tu propio MP4 y comparte tus experiencias en los comentarios. ¿Lograste que el video se reprodujera correctamente? ¿Funcionaron los controles? Mantente atento, porque pronto añadiré un asset gratuito para que practiques. En la próxima entrada, exploraremos más temas avanzados, como sistemas de guardado personalizados. ¡Nos leemos pronto!

Comentarios

Publicar un comentario

Entradas más populares de este blog

Introducción a Ren'Py - Tu primer paso para crear novelas visuales

Imagen
¡Bienvenidos, creadores de historias! Si alguna vez has soñado con dar vida a tus personajes, diálogos y mundos en forma de una novela visual, estás en el lugar correcto. En este blog te guiaré paso a paso para que domines Ren'Py, el motor gratuito más popular para desarrollar novelas visuales, sin importar si eres principiante o ya tienes algo de experiencia. Desde que Snoot Game capturó la atención de miles gracias a creadores como Perro en Tacita/Huntleo en YouTube, la comunidad hispanohablante ha mostrado un interés increíble en crear sus propias VN. Y no es para menos: las novelas visuales combinan lo mejor de la escritura, el arte y la programación sencilla. Sin embargo, aunque tengas una historia increíble en mente, puede ser intimidante empezar a usar Ren'Py sin una guía clara. ¡Aquí es donde entro yo! Este blog será tu compañero para aprender desde cero, con ejemplos prácticos y un lenguaje sencillo. ¿Qué es Ren'Py? Ren'Py es un motor de desarrollo gratuito y d...
Leer más

Importar un segundo personaje y hacer que interactúen en Ren'Py

¡Hola, creadores de historias! Bienvenidos a la tercera entrada de esta guía de Ren'Py en español. En el [ post anterior ] aprendimos a agregar un fondo, mover un personaje y añadir diálogos. Hoy vamos a introducir un segundo personaje y haremos que interactúe con el Perrito en la playa. También compartiré algunos consejos para evitar errores comunes con la indentación en Ren'Py. ¡Vamos allá! #### 1. Definir un segundo personaje Vamos a añadir un nuevo personaje: una chica con orejas de gato y cabello rosa/TA1, a la que llamaremos "Gatita". Para esto, necesitamos declararla en el código. 1. Abre tu archivo `script.rpy`. 2. Declara el personaje con un color para su nombre (usaremos un tono rosa):    ```    define gatita = Character("Gatita", color="#FF69B4")    ```    Nota: Si ya declaraste al Perrito en el post anterior, asegúrate de que su definición esté al inicio del archivo:    ```    define perrito = Character("Perrito", c...
Leer más

Crear rutas alternas con el comando `if` en Ren'Py

¡Hola, creadores de novelas visuales! Bienvenidos a la octava entrada de esta guía de Ren'Py en español. En el [ post anterior ] aprendimos a usar Lint para detectar errores antes de correr nuestro proyecto. Hoy vamos a explorar cómo crear **rutas alternas** en nuestra historia usando solo el comando `if`. Este método es más simple que usar variables (como lo hicimos hace unos días), pero requiere que planifiquemos cuidadosamente las decisiones del jugador para llevarlo a diferentes finales o rutas. ¡Empecemos! 1. Configurar la escena base Como siempre, usaremos el fondo de la playa y los personajes Perrito y Gatita. Si no tienes los archivos, revisa los posts anteriores para descargarlos. 1. Abre tu archivo `script.rpy` y asegúrate de tener los personajes declarados:    ```    define perrito = Character("Perrito", color="#00B7EB")    define gatita = Character("Gatita", color="#FF69B4")    ``` 2. Configura la escena inicial:    ``` ...
Leer más