InicioHazlo Tu MismoHice una historia interactiva, ¡Entra y mirala!

Hice una historia interactiva, ¡Entra y mirala!

Hazlo Tu Mismo7/30/2015


Hice una historia interactiva, ¡Entra y mirala!

html

Bueno, hace unos días me dieron el Taringa Creadores, así que lo primero que se me vino a la mente postear fue esto. (sí, estaba al pedo ).

Las imagenes y audios colocados en el post, y el documento de descarga son libres de CopyRight.

css

En fin, hace algunas semanas tuve un sueño bastante interesante (del cual no contaré mucho). Resulta que se me quedó estancado en la cabeza, como rara vez me pasa, y decidí darle un cuerpo a ese sueño.

Cuando comencé con esto, me di cuenta que había soñado el final de mi historia, así que tenía que hacerle un inicio y desarrollo para que tuviera concordancia (vale aclarar que no soy escritor profesional ni nada por el estilo). Así que decidí plasmarla en un pequeño documento Word, pero yo quería ir algo más allá, quería que el que lo leyera, pudiera interactuar con esta historia, que la sintiera en parte suya, así que deseché el documento Word, y recordé que había visto un poco de HTML5 y Javascript, así que me dije ¿Por qué no?

Javascript

No soy un programador, no tengo un conocimiento basto en lo que programación respecta, así que tendría que ir aprendiendo mientras hacía esto, pero se iba haciendo más interesante mientras escribía.

La sinopsis de la historia viene a ser la siguiente:

En un futuro no distante, potencias se enfrentan en una guerra por los pocos recursos restantes en la tierra, una gran cantidad de cientificos en el mundo realizan varios proyectos para preservar la vida humana, mientras que afronta el inicio de su apocalipsis.


historia

Está diseñado para adaptarse a pantallas con resolución 1280x720 en adelante, soy bastante novato para hacerlo totalmente versátil, no me juzguen (?)

Tengo planeada hacerla en ingles y español, ya que me gustaría que más personas la viesen.

Por ahora solo tengo habilitada la versión en español:

cuento

propia

Al seleccionar el idioma, nos direccionaría al inicio de nuestra historia, el cual nos muestra los distintos personajes incluidos en ella, y el desarrollo de la historia.

Hice una historia interactiva, ¡Entra y mirala!

Las imágenes de los personajes muestran una pequeña descripción de cómo son, pero si se desea ver más de el, se mira en la vista previa:

html

La descripción de los personajes, se aplica hasta el momento donde aparecen en la historia, sería como mostrar lo que hacían antes de aparecer.

css

Y ustedes dirán "Pará pelotudo, dijiste que era interactiva, ¿soltas cualquiera, gil?"

Bueno, acá viene el por qué digo eso.

La historia posee decisiones que el lector debe realizar en ciertos momentos, y según estas decisiones se moldeará la continuación de la misma.

Por su puesto que cada decisión colocada, influirá en la historia. Inclusive la más pequeña, puede tener un gran efecto.

Javascript

historia

Esto se ejecuta en tu navegador de internet ya que es una especie de "Página Web" pero a modo de novela visual.

A partir de acá mostraré parte del código, si te quieres saltar esto e ir a la descarga, pulsa Ctrl + F en tu teclado y luego coloca " DESCARGAR " sin las comillas.


Y como se ejecuta en tu navegador, al entrar a la historia, se deshabilitan la opción de ir atrás del navegador y el menú del click derecho, esto es para que si estás haciendo un camino, y tomas una decisión, no oprimas atrás, y tomes una decisión diferente.

Para hacer eso, simplemente coloqué este script en la página:

cuento

propia

Por otra parte, como buscaba que el lector sintiera un poco "propia" la historia, realizé otro script para que acomodara el inicio de la historia segun la hora y día de tu pc.

El script es el siguiente:

Hice una historia interactiva, ¡Entra y mirala!

Esto indicaría que si es de día, y un lunes (en tu pc), la historia se plantearía que comenzó un lunes en la mañana, y así.

html

El asunto de decisiones, por otra parte, fue un tanto más facil de lo que creí.

Simplemente en los botones de decisión, indiqué que se llamase a una función que reescribiera ciertas variables, y cambiara ciertas partes del texto, según lo que se haya elegido. Un ejemplo sería:

css

En la que la variable de1 no indicaría qué decisión tomó, y la variable fn nos indicaría cuan importante fue la decisión para plantear uno de los finales.

Javascript

En el proceso de selección de finales es esta:

historia

En donde decision-final indicaria uno de los caminos (0 para un camino, 1 para otro), la variable fn indicaria que tanto acumulamos en las decisiones tomadas en el transcurso de la historia para seleccionar otro final.

Si tomas todas las decisiones optimas, fn tendra un valor de 100, lo cual te dara el primer final, si se va restando segun decisiones distintas, se escogerá el segundo final.

Adentro colocamos lo que queramos que se ejecute cuando la condición sea cierta.

cuento

Este trabajo me tomó más de lo debido, pero acá se los presento. Sepan excusar si posee faltas ortográficas, como dije no soy un escritor profesional.

DESCARGAR

Para terminar, acá está la historia.

propia

http://tarin.ga/UYZ

Como dije anteriormente, no soy un programador especializado, no soy un escritor profesional, simplemente soy alguien que soñó una historia y quizo darle forma.

Hice una historia interactiva, ¡Entra y mirala!

Si te gustó, recuerda compartirlo y dejar un comentario, gracias por pasarte por acá.

html


Datos archivados del Taringa! original
0puntos
0visitas
50comentarios
Actividad nueva en Posteamelo
0puntos
0visitas
0comentarios
Dar puntos:

Posts Relacionados

Dejá tu comentario

0/2000
50 Comentarios archivados
Del Taringa! original
A@Anónimo7/31/2015+1-0
Excelente historia, me gustó la narrativa, que picardía como usaste la moral de cada uno para elegir las decisiones.

+10 y Reco
PD: Puto
A@Anónimo7/31/2015+1-0
Excelente historia, me gustó la narrativa, que picardía como usaste la moral de cada uno para elegir las decisiones.

+10 y Reco
PD: Puto
A@Anónimo7/31/2015+1-0
+10 :v
A@Anónimo7/31/2015+1-0
+10 :v
A@Anónimo7/31/2015+1-0
Buena Gil,Saludos.
A@Anónimo7/31/2015+1-0
Buena Gil,Saludos.
A@Anónimo7/31/2015+1-0
Grande amigo, te felicito!
A@Anónimo7/31/2015+1-0
Grande amigo, te felicito!
A@Anónimo7/31/2015+0-0
Muy buena idea, la pensaré a futuro.

Gracias por pasar.!
A@Anónimo7/31/2015+0-0
Muy buena idea, la pensaré a futuro.

Gracias por pasar.!
A@Anónimo7/31/2015+1-0
Me imagino si estaría hecho por capítulos, le haría una canción para cada capitulo, toda la atmósfera tendría.
A@Anónimo7/31/2015+1-0
Me imagino si estaría hecho por capítulos, le haría una canción para cada capitulo, toda la atmósfera tendría.
A@Anónimo7/30/2015+1-0
@ Puedes ir con esas mismas decisiones (si las recuerdas) y ver que te deparaba en ese rumbo
A@Anónimo7/30/2015+1-0
@ Puedes ir con esas mismas decisiones (si las recuerdas) y ver que te deparaba en ese rumbo
o@otro_user_gil7/30/2015+1-0
@otro_user_gil Pero yo quería saber que pasaba al final :C
o@otro_user_gil7/30/2015+1-0
@otro_user_gil Pero yo quería saber que pasaba al final :C
A@Anónimo7/30/2015+0-0
Me alegra que te haya gustado!

Gracias por pasarte.! c:
A@Anónimo7/30/2015+0-0
Me alegra que te haya gustado!

Gracias por pasarte.! c:
A@Anónimo7/30/2015+1-0
Vaya, me gustó mucho, en serio, felicidades!! te van mis +10!!!
A@Anónimo7/30/2015+1-0
Vaya, me gustó mucho, en serio, felicidades!! te van mis +10!!!
A@Anónimo7/30/2015+0-0
Al estár hecho de manera tan básica no tiene una especie de punto de guardado a donde quedaste leyendo y que guarde tus decisiones. Aun no llego a ese nivel

Igual puedes volver a la historia probando las mismas decisiones ó diferentes, lo cual te cambiaría el final.
A@Anónimo7/30/2015+0-0
Al estár hecho de manera tan básica no tiene una especie de punto de guardado a donde quedaste leyendo y que guarde tus decisiones. Aun no llego a ese nivel

Igual puedes volver a la historia probando las mismas decisiones ó diferentes, lo cual te cambiaría el final.
A@Anónimo7/30/2015+1-0
Estaba en la radio, me enganché leyendo, tenía que volver a casa y tuve que sacarlo y ahora no sé como volver, se estaba poniendo re interesante.
A@Anónimo7/30/2015+1-0
Estaba en la radio, me enganché leyendo, tenía que volver a casa y tuve que sacarlo y ahora no sé como volver, se estaba poniendo re interesante.
A@Anónimo7/30/2015+0-0
Busca a Miss Alice y tendrás más que un Gif.

Saludos.!
A@Anónimo7/30/2015+0-0
Busca a Miss Alice y tendrás más que un Gif.

Saludos.!
A@Anónimo7/30/2015+1-0
Pasa gif sin censura y van 10
A@Anónimo7/30/2015+1-0
Pasa gif sin censura y van 10
A@Anónimo7/30/2015+0-0
A@Anónimo7/30/2015+0-0
A@Anónimo7/30/2015+2-0
+10 y a favoritos, buena historia, aunque solo saque un final, de seguro mas tarde saco el final en donde sos alto hijo de puta
A@Anónimo7/30/2015+2-0
+10 y a favoritos, buena historia, aunque solo saque un final, de seguro mas tarde saco el final en donde sos alto hijo de puta
A@Anónimo7/30/2015+0-0
Son varios finales que posee, puedes reintentar con distintas decisiones y optar por otro final.

Gracias por pasar.!
A@Anónimo7/30/2015+0-0
Son varios finales que posee, puedes reintentar con distintas decisiones y optar por otro final.

Gracias por pasar.!
A@Anónimo7/30/2015+2-0
Esta buena papu, pero tiene un final de mierda +10
A@Anónimo7/30/2015+2-0
Esta buena papu, pero tiene un final de mierda +10
A@Anónimo7/30/2015+3-0
No leí nada, pero el comandante te regala un muñeco.
propia
A@Anónimo7/30/2015+3-0
No leí nada, pero el comandante te regala un muñeco.
propia
A@Anónimo7/30/2015+0-0
¡Muchas gracias por pasarte!

Me alegro que te haya gustado, y recuerda que esta historia posee 5 finales distintos. Solo digo, no es que te quiera retrasar más (?)
A@Anónimo7/30/2015+0-0
¡Muchas gracias por pasarte!

Me alegro que te haya gustado, y recuerda que esta historia posee 5 finales distintos. Solo digo, no es que te quiera retrasar más (?)
A@Anónimo7/30/2015+2-0
Hiciste que me retrase una hora con los estudios!!!

Pero valió la pena! Me gustó mucho la historia!
A@Anónimo7/30/2015+2-0
Hiciste que me retrase una hora con los estudios!!!

Pero valió la pena! Me gustó mucho la historia!
A@Anónimo7/30/2015+2-0
No lo hice porque fuera nuevo o innovador, si no que quería plasmar la historia que había pensado.
A@Anónimo7/30/2015+2-0
No lo hice porque fuera nuevo o innovador, si no que quería plasmar la historia que había pensado.
A@Anónimo7/30/2015+1-1
Bueno, las novelas visuales son cosas que se hacen en las escuelas. no es nada nuevo en las pc.
A@Anónimo7/30/2015+1-1
Bueno, las novelas visuales son cosas que se hacen en las escuelas. no es nada nuevo en las pc.
A@Anónimo7/30/2015+0-0
JAJA la peluca de weich
A@Anónimo7/30/2015+0-0
JAJA la peluca de weich
A@Anónimo7/30/2015+0-0
JAJA la peluca de weich
A@Anónimo7/30/2015+0-0
JAJA la peluca de weich

Autor del Post

o
Usuario
Puntos0
Posts16
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.