Guía Personal: Ren'Py
Este apartado reúne los apuntes que he ido aprendiendo sobre Ren'Py mientras desarrollaba mi novela visual. Funciona como una guía rápida para recordar la estructura del motor de juego.
Estructura del Código
Label
Un label es una sección del juego. Funciona como un capítulo o una habitación. Cada vez que quiero comenzar una escena nueva creo un label.
label cocina:
"La cocina está vacía."
jump sala
jump / call
jump: Mueve al jugador inmediatamente a otro label de forma permanente.
call: Abre temporalmente otra pantalla o label y regresa al punto de origen al terminar.
jump cocina
call screen puertas
menu
Permite que el jugador elija entre varias opciones dentro de la historia.
menu:
"Entrar":
jump cuarto
"Salir":
jump pasillo
Variables y Lógica
Lógica básica ($ / if)
Las variables guardan información de la partida. El símbolo $ indica código Python de una línea.
default llave = False
$ llave = True
if llave:
"La puerta se abre."
else:
"Está cerrada."
Imágenes y Escenarios
show: Muestra un personaje o elemento.
hide: Oculta un elemento de la pantalla.
scene: Limpia la pantalla y cambia por completo el fondo.
scene bg bosque
show Samuel feliz
hide Samuel
Transiciones
with fade: Transición a negro (fundido lento).
with dissolve: Desvanece o aparece una imagen poco a poco.
with hpunch / vpunch: Sacudida de pantalla (horizontal o vertical).
scene bg bosque with fade
show Samuel with dissolve
HTML & CSS
HTML (Neocities)
La estructura básica de la página. Todo lo que aparece está construido con etiquetas.
<div class="caja">
<p>Hola</p>
</div>
class / clases
Permite reutilizar el mismo conjunto de estilos visuales en múltiples cajas de la página sin repetir código.
.panel {
background: #fff;
border-radius: 8px;
}
Flexbox
El sistema de alineación que ordena los paneles en filas o columnas adaptables.
Paleta de Colores
Los códigos hexadecimales principales que le dan identidad visual a la web:
- #f5a8d6 - Rosa principal (Bordes / Títulos)
- #ff85a2 - Rosa acento (Destacados HTML)
- #8fbaff - Azul pastel (Títulos CSS / Subtítulos)
- #5c3552 - Morado oscuro (Texto de botones)
