• Twine

    El nombre de este programa es una voz del inglés que traduce “entrelazarse”, “madeja”.

    Utiliza un marcado tipo código básico. Se puede alcanzar mayor complejidad mediante el uso de variables, lógica condicional, imágenes, sonidos, uso de CSS y java Script.

    Dirección web de Twine para escribir el relato en línea

    https://twinery.org/

    El programa también se puede descargar para sistema Mac y Windows.

  • Estrategia de producción colectiva para integrar marraciones interactivas en Twine

    Paso 1.

    Crear equipos y definir las funciones

    Cada grupo de clase se organiza en equipos que se encargarán de alguno de los procesos de creación. Cada equipo define un coordinador.

    Estos son los equipos y sus funciones:

    • Programadores: -integrar en twine los relatos a partir de los materiales aportados por los otros equipos.

    • Creativos: generar con la participación de todos, el número y tipo de narraciones que se definan para la experiencia de lectura propuesta con Twine.

    • Ilustradores: crear las imágenes que acompañarán las narraciones propuestas.

    • Editores de imagen y video: editar las imágenes y videos requeridos.

    • Diseño sonoro: proponer la ambientación sonora, las pistas musicales y las locuciones que puedan acompañar las narraciones.

    • Editores/Comunicadores: Reunirse con los coordinadores de los equipos. Garantizar el flujo de trabajo para la entrega de los productos propuestos. Coordinar la producción general de los relatos y las estrategias de comunicación para lanzar los relatos interactivos en la SCPD. Testeo de las narraciones.

    Paso 2.
    Explorar durante las clases, contenidos elaborados en Twine. Definir tema, tipo y número de contenidos digitales interactivos que se crearán.

    Paso 3.
    Revisión de versiones Beta de los contenidos elaborados, para corregir errores y mejorar la experiencia de usuario.
    Publicar en Internet el evento de la SCPD.

  • Editar texto

  • Posibles propuestas de creación:

    • Libro juego: relato interactivo
    • Adaptación de relatos
    • Creación de relatos originales a partir de piezas literarias
    • Creaciones originales
    • Relatos visuales
    • Juegos
  • CSS (del inglés Cascading Style Sheets) Hojas de Estilo en Cascada

    CSS es utilizado para diseñar y dar estilo a las páginas web, por ejemplo, alterando la fuente, color, tamaño y espaciado del contenido, dividirlo en múltiples columnas o agregar animaciones y otras características decorativas.

    CSS básico
    https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics

    Twine CSS pack

    Este paquete contiene tres archivos html hechos en hilo que puede importar en hilo y construir como plantillas. Esto estaba destinado a principiantes que podrían no estar bien versados ​​en css pero les gustaría comenzar con algo diferente a la hoja de estilo predeterminada harlowe 3.1.0.

    Puede personalizar las hojas de estilo para cada uno de estos en un hilo o mantenerlas iguales y simplemente reemplazar el contenido del pasaje si lo desea, puede hacer lo que sea.
    Descarga:
    https://storkvomit.itch.io/twine-css-pack

  • Comandos

    Corchetes dobles para abrir ramificaciones [[. ]]

    Color de texto [Text color red]

    Formatear texto
    Los textos escritos entre asteriscos dobles se muestran en negrita, y con //barras dobles// itálica

    Un renglón que empieza con # numeral seguido de un espacio va a ser un título grande, y con dos numerales un título un poco más chico (y así hasta los 6).

    Renglones de corrido que empiezan con asterisco más espacio se muestran como listas (útil para mostrar listas de opciones), y las que empiezan con un cero más un punto más un espacio se vuelven listas numeradas.

    Un renglón compuesto sólo por tres o más guiones se vuelve una raya horizontal.

  • Sobre audio en Harlowe: HAL, una librería para instalar sobre Twine

    HAL es una biblioteca de audio para Harlowe (v2.1.0 o superior) diseñada para brindar paridad de características de formato (o casi) con el subsistema de audio de SugarCube. Esta biblioteca fue diseñada desde cero específicamente para su uso con Harlowe, y está destinada a ser lo más fácil de usar posible para programadores novatos sin comprometer la funcionalidad.

    https://twinelab.net/harlowe-audio/#/

  • Guion No.1
    Adaptación del cuento El libro de arena, de J.L.B.

    Un libro de arena en Twine

    Se trataría de un juego literario basado en el célebre cuento El libro de arena, de Borges.

    La trama del juego sería la misma del cuento, solo que en este caso se trata de recrear el libro y darle, además de los contenidos que aparecen en el cuento, otros. También se podría buscar que se genere un efecto de cadáver exquisito al pasar de un vínculo a otro.

    La característica de este juego literario en Twine sería que el jugador nunca pasara dos veces por las mismas páginas del libro. Como los pasajes creados en Twine no pueden ser infinitos, una opción es intentar que se combinen o transformen de algún modo. Así, cuando el jugador retroceda, verá un contenido diferente (Este problema hay que planteárselo a un programador

    El objetivo es que después de recorrer el libro y constatar su permanente cambio, el jugador logre deshacerse de él, tal como lo hizo Borges en su cuento.

  • Insertar imágenes

    Ver http://4totecuenta.blogspot.com/2016/09/agregado-de-imagenes-y-video-en-twine.html

    Insertar videos

    Primero, ir al sitio de Youtube donde se encuentra alojado el video que se quiere agregar al relato.
    Una vez allí, elegir la opción de “Compartir”, que se encuentra debajo del video. Luego, elegir la opción “Insertar vínculo”. Cuando esto, aparecerá un vínculo que se debe copiar.
    Por último, ir al cuadro donde se está escribiendo el relato en el programa Twine y pegar el código copiado en la parte del relato donde se quiere que aparezca.

  • Guion No. 2 Historia gráfica
    Rayados, evolución de la línea

    Cada cual tiene su rayón

    La locura, si se permite la palabra, tiene muchas expresiones.

{"cards":[{"_id":"47456b07fd7632f6fd0000cb","treeId":"47456b8bfd7632f6fd0000c8","seq":21439998,"position":1,"parentId":null,"content":"# Twine\n\nEl nombre de este programa es una voz del inglés que traduce \"entrelazarse\", \"madeja\".\n\nUtiliza un marcado tipo código básico. Se puede alcanzar mayor complejidad mediante el uso de variables, lógica condicional, imágenes, sonidos, uso de CSS y java Script.\n\nDirección web de Twine para escribir el relato en línea\n\nhttps://twinery.org/\n\nEl programa también se puede descargar para sistema Mac y Windows."},{"_id":"46f704234f8142d81f000123","treeId":"47456b8bfd7632f6fd0000c8","seq":21372398,"position":0.75,"parentId":"47456b07fd7632f6fd0000cb","content":"### Guías y comandos"},{"_id":"47456a77fd7632f6fd0000cc","treeId":"47456b8bfd7632f6fd0000c8","seq":21409733,"position":1,"parentId":"46f704234f8142d81f000123","content":"## Guía en línea\n\nhttp://twinery.org/wiki/twine2:guide\n\n### Guía rápida\nhttps://mata.juegos/twine/\n\n## Videotutoriales\n\nEn portugues https://www.youtube.com/watch?v=oJYhUhFRqV0\n\nVideo 4 Hacer historias más inmersivas. En portugués \nhttps://www.youtube.com/watch?v=6KyCqnSzRPU\n\n### Lo básico\nhttp://www.mastergollum.com/tanuki/blog/twine-tutorial\n"},{"_id":"473802892051de3fa50000ee","treeId":"47456b8bfd7632f6fd0000c8","seq":21348401,"position":1,"parentId":"47456a77fd7632f6fd0000cc","content":"### Comandos\n\nCorchetes dobles para abrir ramificaciones [[. ]]\n\nColor de texto [Text color red]\n\nFormatear texto\nLos textos escritos entre **asteriscos dobles** se muestran en negrita, y con //barras dobles// itálica \n\n\nUn renglón que empieza con # numeral seguido de un espacio va a ser un título grande, y con dos numerales un título un poco más chico (y así hasta los 6). \n\nRenglones de corrido que empiezan con asterisco más espacio se muestran como listas (útil para mostrar listas de opciones), y las que empiezan con un cero más un punto más un espacio se vuelven listas numeradas. \n\nUn renglón compuesto sólo por tres o más guiones se vuelve una raya horizontal.\n\n"},{"_id":"4737fe0c2051de3fa50000ef","treeId":"47456b8bfd7632f6fd0000c8","seq":21406337,"position":1,"parentId":"473802892051de3fa50000ee","content":"### Insertar imágenes\n\nVer http://4totecuenta.blogspot.com/2016/09/agregado-de-imagenes-y-video-en-twine.html\n\n### Insertar videos\n\nPrimero, ir al sitio de Youtube donde se encuentra alojado el video que se quiere agregar al relato.\nUna vez allí, elegir la opción de “Compartir”, que se encuentra debajo del video. Luego, elegir la opción “Insertar vínculo”. Cuando esto, aparecerá un vínculo que se debe copiar.\nPor último, ir al cuadro donde se está escribiendo el relato en el programa Twine y pegar el código copiado en la parte del relato donde se quiere que aparezca.\n"},{"_id":"463e51d8586ab7eb920000c7","treeId":"47456b8bfd7632f6fd0000c8","seq":21444596,"position":1.375,"parentId":"47456b07fd7632f6fd0000cb","content":"### Programación en formato Harlowe 3.1\n\nTwinw presenta varias opciones de formatos para escribir las historias.\n\nHarlowe 3.1 es el más reciente que se ha incluido. \n\nManual sobre Harlowe disponible en:\nhttps://twine2.neocities.org/"},{"_id":"463e3edc586ab7eb920000c8","treeId":"47456b8bfd7632f6fd0000c8","seq":21440050,"position":1,"parentId":"463e51d8586ab7eb920000c7","content":"Editar texto"},{"_id":"463e3e19586ab7eb920000c9","treeId":"47456b8bfd7632f6fd0000c8","seq":21440081,"position":1,"parentId":"463e3edc586ab7eb920000c8","content":"Sobre audio en Harlowe: HAL, una librería para instalar sobre Twine\n\nHAL es una biblioteca de audio para Harlowe (v2.1.0 o superior) diseñada para brindar paridad de características de formato (o casi) con el subsistema de audio de SugarCube. Esta biblioteca fue diseñada desde cero específicamente para su uso con Harlowe, y está destinada a ser lo más fácil de usar posible para programadores novatos sin comprometer la funcionalidad.\n\nhttps://twinelab.net/harlowe-audio/#/"},{"_id":"46f701664f8142d81f000125","treeId":"47456b8bfd7632f6fd0000c8","seq":21372457,"position":2,"parentId":"47456b07fd7632f6fd0000cb","content":"### Guion para explorar el programa"},{"_id":"46f700044f8142d81f000126","treeId":"47456b8bfd7632f6fd0000c8","seq":21379030,"position":1,"parentId":"46f701664f8142d81f000125","content":"Posibles propuestas de creación:\n\n- Libro juego: relato interactivo\n- Adaptación de relatos\n- Creación de relatos originales a partir de piezas literarias\n- Creaciones originales\n- Relatos visuales\n- Juegos"},{"_id":"46f6f57b4f8142d81f000127","treeId":"47456b8bfd7632f6fd0000c8","seq":21409672,"position":1,"parentId":"46f700044f8142d81f000126","content":"Guion No.1\nAdaptación del cuento El libro de arena, de J.L.B.\n\nUn libro de arena en Twine\n\nSe trataría de un juego literario basado en el célebre cuento El libro de arena, de Borges.\n\nLa trama del juego sería la misma del cuento, solo que en este caso se trata de recrear el libro y darle, además de los contenidos que aparecen en el cuento, otros. También se podría buscar que se genere un efecto de cadáver exquisito al pasar de un vínculo a otro.\n\n\nLa característica de este juego literario en Twine sería que el jugador nunca pasara dos veces por las mismas páginas del libro. Como los pasajes creados en Twine no pueden ser infinitos, una opción es intentar que se combinen o transformen de algún modo. Así, cuando el jugador retroceda, verá un contenido diferente (Este problema hay que planteárselo a un programador\n\nEl objetivo es que después de recorrer el libro y constatar su permanente cambio, el jugador logre deshacerse de él, tal como lo hizo Borges en su cuento.\n\n\n\n\n"},{"_id":"46f6d3344f8142d81f00014e","treeId":"47456b8bfd7632f6fd0000c8","seq":21372482,"position":1,"parentId":"46f6f57b4f8142d81f000127","content":"Guion No. 2 Historia gráfica\nRayados, evolución de la línea\n\nCada cual tiene su rayón\n\nLa locura, si se permite la palabra, tiene muchas expresiones."},{"_id":"468c79ec66f90221e70000bf","treeId":"47456b8bfd7632f6fd0000c8","seq":21409692,"position":3,"parentId":"47456b07fd7632f6fd0000cb","content":"### Ejemplos de juegos y de programación\n\n"},{"_id":"468c770466f90221e70000c0","treeId":"47456b8bfd7632f6fd0000c8","seq":21450024,"position":1,"parentId":"468c79ec66f90221e70000bf","content":"Instrucciones para crear un poema interactivo\nhttps://ckolmos.blogspot.com/2020/07/tutorial-poema-interactivo.html\n\nEjemplo de poema interactivo\nhttps://ckolmos.itch.io/cantos-escarlata\n\nJuegos en castellano\nhttps://itch.io/c/525421/twines-en-castellano\n\nJuego musical\nhttps://thenays.itch.io/nays-on-the-twine\n\nJuegos (ver carátulas)\nhttps://rumpel.itch.io/\n\nPenélope espera sola\nUn breve relato con buena programación\nhttps://rumpel.itch.io/penlope-espera-sola\n\nLamentaciones de Ipuur\nTexto basado en un antiguo papiro egipcio. Construye un poema a partir de tres aspectos. Fondo animado.\nhttps://textagames.itch.io/lamentaciones-de-ipuur\n"},{"_id":"4676e6a4dddf0f43420000c3","treeId":"47456b8bfd7632f6fd0000c8","seq":21438575,"position":4,"parentId":"47456b07fd7632f6fd0000cb","content":"### Otras herramientas"},{"_id":"4643ced5586ab7eb920000c6","treeId":"47456b8bfd7632f6fd0000c8","seq":21449982,"position":2,"parentId":"4676e6a4dddf0f43420000c3","content":"### CSS (del inglés Cascading Style Sheets) Hojas de Estilo en Cascada\n\nCSS es utilizado para diseñar y dar estilo a las páginas web, por ejemplo, alterando la fuente, color, tamaño y espaciado del contenido, dividirlo en múltiples columnas o agregar animaciones y otras características decorativas. \n\nCSS básico\nhttps://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics\n\n### Twine CSS pack\n\nEste paquete contiene tres archivos html hechos en hilo que puede importar en hilo y construir como plantillas. Esto estaba destinado a principiantes que podrían no estar bien versados ​​en css pero les gustaría comenzar con algo diferente a la hoja de estilo predeterminada harlowe 3.1.0.\n\nPuede personalizar las hojas de estilo para cada uno de estos en un hilo o mantenerlas iguales y simplemente reemplazar el contenido del pasaje si lo desea, puede hacer lo que sea.\nDescarga:\nhttps://storkvomit.itch.io/twine-css-pack\n"},{"_id":"4676e4aedddf0f43420000c4","treeId":"47456b8bfd7632f6fd0000c8","seq":21439969,"position":1,"parentId":"4643ced5586ab7eb920000c6","content":"### Bitsy\nBitsy es un pequeño editor para pequeños juegos o mundos. El objetivo es facilitar la creación de juegos en los que puedas caminar y hablar con la gente y estar en algún lugar.\nhttps://rumpel.itch.io/guia-bitsy\n\n#### Juego hecho con Bitsy\nhttps://rumpel.itch.io/welcome-to-the-badhouse"},{"_id":"464b884be3832088e40000ca","treeId":"47456b8bfd7632f6fd0000c8","seq":21438582,"position":5,"parentId":"47456b07fd7632f6fd0000cb","content":"### Documentación relacionada y teoría\n\n\nSobre juegos interactivos\nhttps://www.mata.juegos/es/2019/05/increible-desarrolladora-desaparece-lana-polansky/"},{"_id":"46dcec2ae7d897b2400000bd","treeId":"47456b8bfd7632f6fd0000c8","seq":21439999,"position":1.5,"parentId":null,"content":"## Estrategia de producción colectiva para integrar marraciones interactivas en Twine\n\n\nPaso 1.\n\nCrear equipos y definir las funciones\n\nCada grupo de clase se organiza en equipos que se encargarán de alguno de los procesos de creación. Cada equipo define un coordinador.\n\nEstos son los equipos y sus funciones:\n\n- Programadores: -integrar en twine los relatos a partir de los materiales aportados por los otros equipos.\n\n- Creativos: generar con la participación de todos, el número y tipo de narraciones que se definan para la experiencia de lectura propuesta con Twine.\n\n- Ilustradores: crear las imágenes que acompañarán las narraciones propuestas.\n\n- Editores de imagen y video: editar las imágenes y videos requeridos.\n\n- Diseño sonoro: proponer la ambientación sonora, las pistas musicales y las locuciones que puedan acompañar las narraciones.\n\n- Editores/Comunicadores: Reunirse con los coordinadores de los equipos. Garantizar el flujo de trabajo para la entrega de los productos propuestos. Coordinar la producción general de los relatos y las estrategias de comunicación para lanzar los relatos interactivos en la SCPD. Testeo de las narraciones.\n\n\nPaso 2.\nExplorar durante las clases, contenidos elaborados en Twine. Definir tema, tipo y número de contenidos digitales interactivos que se crearán. \n\nPaso 3.\nRevisión de versiones Beta de los contenidos elaborados, para corregir errores y mejorar la experiencia de usuario.\nPublicar en Internet el evento de la SCPD.\n\n\n\n"},{"_id":"47108e0a57ecbc33cc00018e","treeId":"47456b8bfd7632f6fd0000c8","seq":21439997,"position":2,"parentId":null,"content":""},{"_id":"4683d55d3a56451dc50000c1","treeId":"47456b8bfd7632f6fd0000c8","seq":21414055,"position":3,"parentId":null,"content":""}],"tree":{"_id":"47456b8bfd7632f6fd0000c8","name":"Twine","publicUrl":"twine"}}