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!!

Planteamiento: ‘Esto No! 1.0′

February 6th, 2008  Tagged , ,

TomCask planteaba en un comentario un tema sobre la actualización de los campos select (combos) de HTML sin necesidad de recargar la página.
Para hacer algo más ameno, he pensado en otro juego que llamaré ‘Esto No! 1.0′
Planteamiento:
Tenemos un listado en un campo tipo Select de cosas/materias referentes a un tema concreto y tenemos que sacar de ellos lo que no está relacionado con el tema.
Ejemplo:
Tema Herramientas.
-Martillo
-Sierra
-Destornillador
-Ipod
-Cuchara
-Alicates
…………………..
Sobrarán Ipod y Cuchara.
Deberemos seleccionar los objetos que sobran y éstos pasarán a otro select que irá acumulando los “extras”.
Al final de una serie se realizará la comparación para saber el número de aciertos y la puntuación.
Lo haremos con Javascript sin recargar la página.
Propuesta a mejorar… ‘Esto No! 1.0′

¿Alguna sugerencia?

Via: Tomás Casquero

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)

Proyectos varios

February 3rd, 2008  Tagged ,

Dentro de las posibilidades que nos ofrece la programación web (Javascript, php,asp, etc..), podemos intentar realizar una serie de juegos clásicos, o simplemente aplicaciones que no sirvan para nada , pero que sean curiosas de ver. :)

Dentro de este campo he pensado en unos cuantos proyectos posibles de hacer, sin mucho esfuerzo:

  • Parchis (más complejo)
  • Dominó (más complejo)
  • Sección Brain Trainer:
    1. Cálculo (sumas, concatenaciones)
    2. Parejas (adivina las parejas)
    3. palabras
  • Limpiacristales (ya os contaré)
  • Arte y Dibujo (En el horno)
  • etc…

Con estos proyectos pretendo explicar el funcionamiento de diferentes tecnologias, lenguajes y por qué no, pasar un rato entretenido.

Os espero en la próxima entrega! :)