* Joan-Miró Twine: En este documento recopilaremos información para ir creando nuestra historia en Twine. Estamos ocupando la versión online, dale click aquí: https://twinery.org/ https://twopiharris.github.io/gameCamp/twine/formatCheatSheet.html Story Stylesheet para el formato Harlowe 2.0.1 Primero vamos a darle un formato a nuestra historia. Esto quiere decir que vamos a definir las configuraciones generales: Tipo de letra Tamaño de letr Color de letra Color de fondo Imagen de fondo, etc... CONSEJO: Para escribir cualquier comentario en Twine, revisa esta web: https://twinery.org/forum/discussion/5071/how-to-comment-commenting-syntax /* formato del pasaje */ tw-passage { text-align: center; } /* color del texto */ /* aca encontrarás mas colores https://htmlcolorcodes.com/ */ tw-passage { color:white; } /* color del texto en el link */ tw-link { color: #ea24de; } /* Hover Text Color es el cambio de color del boton al estar sobre él */ .enchantment-link:hover, tw-link:hover { color: red; } /* formato del texto */ /* en este link encontraras tipografías libres https://www.w3schools.com/cssref/css_websafe_fonts.php */ tw-passage { font-family: 'Courier New', monospace; } /* tamaño del texto */ tw-passage { font-size: 4vh; font-size: 4vw; font-size: 4vmin; line-height: normal; } /* imagen de fondo para toda la historia */ /*tw-story { background-image:url("https://wallpapers.com/images/high/soil-background-8za6nuaop30egis9.webp"); background-size:cover; } */ /* imagen de fondo para solo pasajes tag */ tw-story[tags~="tierra"]{ background-image:url("https://wallpapers.com/images/high/soil-background-8za6nuaop30egis9.webp"); background-size:cover; } /* ocultar la flecha para volver*/ tw-sideba { visibility: hidden } Tiempo { (live: 4s)[ (stop:) Texto ] } Imágenes en el pasaje Formato de texto en el pasaje: https://twinery.org/cookbook/markup/harlowe/harlowe_markup.html Banco de musica y efectos de sonido https://twinetempassets.yolasite.com/