Pinta 1.0
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)
Planteamiento, Programacion, Rain Training, juegos | Comments (4)