Twine: genera tu “Elige tu propia aventura 2.0”

Quienes ya tenemos unos añitos aun recordamos los libros de “Elige tu propia tu aventura“, “SOS” o “Libro-Juego”, antecesores de los RPGs de ordenador. Consistían en contar una historia y, llegado un momento, el lector tomaba una decisión para ver qué sucedía después, cambiando el desarrollo de la trama y llevando a uno de los diferentes finales.

Twine es una herramienta de software libre creada por Chris Klimas, que nos permite generar de forma sencilla una página web siguiendo el mismo esquema de estos libros.
Para tener una idea clara de su funcionamiento, tomaremos un fragmento del libro “Elige tu propia aventura: el expreso del oso polar”.

Generación de nuevos pasajes:

La interfaz de Twine es sencilla. Lo primera a hacer es generar el inicio de nuestra historia, lo que hacemos usando el cuadro del pasaje por defecto “Start“. Es importante que mantengamos ese nombre como inicio.
Usando el icono “Nuevo“, que es el que está situado mas a la izquierda en la barra de herramientas, podemos generar mas pasajes para ir introduciendo mas texto.

El nodo de inicio
El nodo de inicio

Cómo enlazar los pasajes:

Para ir progresando desde un punto a otro de la historia, basta con seleccionar el texto que representará el enlace en la ventana del pasaje (“Passage“), e ir a “Create link from selected text“, o bien hacer la misma operación codificando manualmente, lo que nos da mas flexibilidad. En el segundo caso, deberemos seguir el siguiente esquema.

Todo el texto entre corchetes se mostrará como enlace, y el texto separado por la barra (‘|’) indicará el nombre del pasaje al que se saltará.

Edición del texto para crear enlaces
Edición del texto para crear enlaces

Si el programa encuentra un pasaje válido tras programar un salto, el texto aparecerá en azul, mientras que si no, aparecerá en rojo, como “enlace roto” (“broken link“). Desde el menú de pasaje podemos revisar todo el tráfico de entrada y salida del pasaje actual. El resultado es muy gráfico en la interfaz.

Generación de una decisión
Generación de una decisión

Título y autor:

Los datos de título y autor se almacenarán como unos pasajes inconexos llamados “StoryTitle” (en nuestro ejemplo “El expreso del oso polar”) y “StoryAuthor” (“Edward Packard”).

Añadiendo imágenes y multimedia:

Twine trabaja por debajo con HTML, lo que nos permite emplear toda su potencia. Por ejemplo, para insertar una foto de un oso polar añadiríamos la siguiente línea:

<html><img src="oso_polar.jpg" alt="un oso polar"/></html>;

Programación avanzada: trabajando con variables:

Cuando queremos hacer algún tipo de trabajo interno, como por ejemplo, manejar el inventario. Se representan como texto sin espacios precedido por el caracter ‘$’. A continuación vemos unos ejemplos de cómo modificar su contenido.

<<silentlty>>
<<set $llave_oxidada= "yes"&>>
<<set $numero_dagas= 1>>
<<set $numero_flechas = $num_flechas  + 10>>
<<endsilently>>

Las  variables nos permiten controlar el acceso internamente a determinadas situaciones mediante el uso de condicionales. Los caracteres para hacer comparaciones son:

– eq: igual.
– neq: difiere de.
– gte: mayor o igual que.
– gt: mayor que.
– lte: menor o igual que.
– lt: menor que.
– and: símbolo lógico “y”, para unir varias condiciones.
– or: símbolo lógico “o”, para unir varias condiciones.
– not: símbolo lógico “no”, para unir varias condiciones.

Veamos algunos ejemplos para que quede mas claro:
<<if $llave_oxidada eq "yes">>
<Utilizas la llave oxidada para abrir la [[puerta de hierro]]>
<<else>>
<No puedes abrir la puerta y vuelves al [[centro de la habitación]]>
<<endif>>

<<if ($numero_flechas gte 2) and ($arco = "yes")>>
<como te quedan 2 flechas, te dispones a enfrentarte al [[oso]]>
<<else>>
<no tienes suficientes flechas para vencer al oso y [[huyes]]>
<<endif>>

En caso de que queramos hacer algo aún mas sofisticado, podemos acudir a la página de ayuda del programa.

Guardando archivos y obteniendo el resultado:

Para guardar el fichero de generacion (.tw) utilizamos la típca rutina de “File”, “Save“. Para generar los ficheros HTML, que podemos usar desde el navegador y lucir como el bonito resultado, debemos ir a “Story” y pulsar sobre “Build“.

Visualización de la historia
Visualización de la historia
Anuncios

2 thoughts on “Twine: genera tu “Elige tu propia aventura 2.0”

  1. Rubén Ortega 7 diciembre, 2016 / 17:06

    ¿Como puedo colocar audio y que al cambiar de página, no se detenga?

    • Angeles Broullón 7 diciembre, 2016 / 20:43

      Hace bastante que no jugueteo, pero en twine 1 las macros de audio iban enganchadas a los pasajes, así la respuesta corta era que no se podía.
      Twine 2 soporta HTML5, así que mi instinto de programadora sería irme al código de la plantilla del fondo de la web y embeber el audio allí. La pega de esta nueva versión es que todos los ficheros multimedia deben almacenarse externamente (ejemplo: dropbox, youtube…).

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s