el programa
Evitad el navegador Firefox, da problemas. Podéis descargar el programa o usarlo en línea sin ni siquiera inscripción. En ese caso vuestro twine se conserva en el navegador, no en algún servidor. Pensad en salvaguardar el trabajo...
La web: http://twinery.org/
sitografía básica
nos hacemos entre todos un twine?
si necesitáis incluir en vuestro twine dudas en español de ortografía, gramática o léxico tenéis aquí algunas ideas:
Crea una nueva historia (menú principal + Historia)
¿Quieres cambiar la apariencia de tu twine?
Eso siempre se hará manipulando HTML o CSS. Pero que no cunda el pánico vamos a probar algo muy sencillo, por ejemplo para el aspecto general:
- ves a Story Format› elige Harlowe 1.2.4
- clica en› Edit Story Stylesheet
- copia/pega la lista siguiente y observa los cambios
tw-passage { width: 90%; padding: 2em; margin: auto; border: solid#666 1px; border-radius: 0.2em; font-family: Geneva, Helvetica, sans-serif; font-size: 1.2rem; color: #000; text-align: left; background-color: #fff; box-shadow: #666 0.3em 0.3em 0; line-height: 130%; object-fit: contain;}
h1 { color:red; font-size:2rem; border-bottom: solid #000 0.05em; margin:0 0 0 0;}h2 { color:#a12525; font-size:1.6rem; border-bottom: solid #ccc 0.05em;}
small { color:#a12525;line-height:130%; display:block; width:100%; margin-top:0; }
footer {font-size:0.8rem;color:##a12525;line-height:130%; display:block; width:100%; border-top: solid #6661px; padding-top:0.5em}figcaption {color:#333; font-size:0.9rem;}
img { margin:0 0;padding:0 0; align: center; display: block; margin-left: auto; margin-right: auto;}body { background-color:#963838; }br {font-size: 2px;vertical-align: -4px;}
puedes cambiar color, tipo de letra, etc.
ejemplo cambio color de fondo:
body { background-color:#963838; }
si le cambias el color por #6c096d › morado fuerte, si pones #0e6476› verde mar...
incluir una imagen
¿Quieres incluir una imagen? Dentro de un pasaje pega esta etiqueta allí donde desees que aparezca:
<img src="pega aquí la ruta de la imagen en cuestión" height=90% width=90% />
Si necesitas imágenes libres de derechos prueba aquí:
incluir un enlace externo
<a title="el texto que quieres ver convertido en enlace" href= "http://la pagina.html"> repite el texto que quieres ver convertido en enlace</a>
ejemplo:
- para que aparezca como un enlace "fuente: enclaveRAE", pega una etiqueta así:
- <a title="fuente: enclaveRae" href="https://twitter.com/enclaveRAE/status/1091382816405942272"> fuente: enclaveRae </a>
incluir vídeo
bajo el vídeo clic en COMPARTIR> INSERTAR copia la etiqueta y pégala en el pasaje allí donde quieras que se vea
<iframe width="560" height="315" src="https://www.youtube.com/embed/uJYzFWTvUas" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
incluir un gif. animado
<img src="enlacedelgif"height=90% width=90% />
aseguraos que acaba en .gif
incluir un audio
<audio src="enlace_del_audio" autoplay loop></audio>
aseguraos que es un .mp3