Bartolo1.0 dice! - repite la secuencia de colores

February 20th, 2008  Tagged , , ,

Presentación
———————
Esta semana os presento el proyecto Bartolo 1.0.
http://www.robfeb.com/apps/bartolo/

Igual que el anterior este juego está desarrollado con Javascript y Css.
Podéis echar un vistazo al código para más información.

Planteamiento:
———————-
Este proyecto consiste en un Simon (saimon). La página hace una secuencia de colores y debemos repetirla. El ritmo se incrementa y la cantidad de pulsaciones también.

El juego acaba cuando te equivocas

Curiosidades:
————-
Lo he llamado ‘Bartolo’ porque si! Por no llamarlo el Tonto Simón (Radio Futura) o algo por el estilo.

Conclusión
—————–

Como todos los anteriores se puede mejorar enormemente.

Para  perder un minuto…

Ya me contaréis.

Bartolo 1.0.
http://www.robfeb.com/apps/bartolo/

A Disfrutarlo!!

Becolor1.0. Dime que color ves!

February 12th, 2008  Tagged , , , ,

Si, ya se que dije que lo siguiente sería el Calc!1.0 o el Esto No!1.0. Es lo que hay ;)
Presentación
———————
Esta semana os presento el proyecto Becolor 1.0.
http://www.robfeb.com/apps/becolor/.

El juego está desarrollado con Javascript y Css, aprovechando la clase Math.random() para generar aleatoriamente números.
Disponemos de dos matrices que contienen los datos :colores y nombres.
Elegiremos las posiciones de ambas matrices de forma aleatoria.

var aColor= new Array(”#000000″,”#ff0000″,”#00ff00″,”#0000ff”,”#FF9933″,”#ffff00″,”#ff00ff”,”#CCCCCC”);
//Nombres de los colores según idioma
var aNameColorEs= new Array(”NEGRO”,”ROJO”,”VERDE”,”AZUL”,”NARANJA”,”AMARILLO”,”ROSA”,”GRIS”);//español

Podéis echar un vistazo al código para más información.
Cuando tenga más tiempo lo explicaré. (Se me van acumulando las explicaciones)

Planteamiento:
———————-
El proyecto consiste en asociar colores a palabras de colores, es decir la palabra amarillo con el fondo rojo, y tenéis que decir que el color de fondo es rojo no amarillo.
*Si tardáis más de 3 segundos en contestar ‘llegáis tarde’.
El juego transcurre durante 60 segundos en los cuales van apareciendo textos-colores de forma aleatoria (pueden coincidir color y texto).
Becolor1.0 nos permite seleccionar el idioma de los textos de los colores a elegir entre:

  • Español
  • Català
  • English
  • Français

También podéis seleccionar el nivel de dificultad:

  • Fácil
  • Difícil (el texto sólo aparece 2 centésimas de segundo

Curiosidades:
————-
Lo he llamado ‘Becolor’ (lease bicolor) por el juego de palabras ‘Spanglish’ de tener dos colores:
‘Becolor’ se leería en Inglés ‘Bicolor’ como en español que sería algo así como ‘Ser Color’ en inglés…
En fin tonterías mías.

Lo de 1.0:Todos se llamarán 1.0 hasta que no se mejoren.

Conclusión
—————–

Estos juegos los voy a insertar en el apartado ‘Rain Training’ , que serán tipo ‘Brain Training’ pero sin temas de copyright por el nombre, jejejej.
Con un poco de pintura y buenos acabados puede ser una buena prueba.
Se puede plantear guardar datos y sacar estadística del mejor en menos tiempo,etc…
Ya me contaréis.

Becolor 1.0
http://www.robfeb.com/apps/becolor/.

A Disfrutarlo!!

Pinta 1.0

February 5th, 2008  Tagged , , , ,

En ocasiones las ideas que han revolucionado Internet, suelen ser las más tontas.
Y es que a todos nos gusta lo fácil y simple.

El proyecto que os voy a presentar lo he titulado Pinta 1.0, y no deja de ser una tontería para perder el tiempo.
Está desarrollado enteramente con Javascript + CSS.

Pongámonos en situación:
Generamos una tabla (table) de 14×20 (14 filas, 20 columnas).
A cada columna le asignamos dos eventos: onmouseover y onclick.
De modo que cuando pasemos el ratón por encima de cada columna le asignará el color que previamente habremos escogido de las opciones de la izquierda.
Si hacemos clic en la columna, realizará la misma acción , con su color correspondiente.
El botón ‘Limpiar’ dejará ‘limpia’ la tabla asignando el color que hayamos elegido como fondo.
Así de simple.

Es como un “light-bright, light-bright. Luces de colores para soñaaaaar”. jejeje :)

Quizás si le añadimos la opción de salvar nuestro trabajo y poder ver el de los demás con un par más de opciones puede llegar a ser algo entretenido. (Quizás…)

Aquí tenéis el enlace Pinta 1.0

Proyecto: http://www.robfeb.com/apps/pinta/

Cuando tenga un rato procederé a explicar el código y quién sabe si pasará a la versión 2.0 (Guardar y compartir).

¿Qué os parece? Ya me contaréis…

PD: Próxima entrega Brain Trainning 1: Cálculo. (Realizado en Javascript + CSS)