Enseñando Scratch a los niños de CoderDojoBio

Ya puedo comprarme unas coderas y coserlas a mi chaqueta porque ya puedo decir que soy profesor. Este viernes pasado di mi primera clase de programación en Scratch a niños de unos 10 años dentro de la iniciativa CoderDojoBio.com. Aprendieron como funcionaba la web de Scratch, a crear objetos, a cambiarles de disfraz y a moverlos usando los cursores. Además aprendierón a hacer un IF con un valor aleatorio para que el drágon se moviera a la izquierda o a la derecha. Y aquí teneís el resultado final de su primera clase de programación.

Yo soy un frikazo y he usado para el ejemplo un mago y un dragón, pero los ganadores en clase fueron los murcielagos y especie de pokemon.

La verdad que fue una experiencia dura, porque tener entretenidos a 8 niños durante 2 horas y que te hagan caso supone un esfuerzo sobrehumano, pero parece que a ellos les gusto y a mi también así que repetiremos en septiembre.

Ya sabeís si quereís que vuestro retoño oscuro aprenda programación podeís apuntarle en http://coderdojobio.org/quieres-aprender/ y si queréis enseñar podeís ahcerlo en http://coderdojobio.org/quieres-ensenar/

Por último estoy preparando los ejemplos que usare para las sigueitnes clases. Si quereśi verlos podeís echarles un vistazo en http://scratch.mit.edu/studios/219887/

Jugando con JQuery para hacer animaciones

He estado jugando estos días con Jquery para hacer animaciones chulas dentro de una web. Y la verdad es que me han quedado algunas cosas chulas. Aquí os enseño algunos ejemplos.

Noche y día. Esta es la animación que más gusta, pero principalmente se debe a que me gustan las imágenes que se usan. Seguramente si no fueran tan chulas sería una animación bastante cutre. Mueve el scroll hacía arriba o hacía abajo para que salga o se ponga el sol. Por otro lado en la otra animación la bicicleta se va moviendo solo mientras se oscurece el cielo.

Creditos finales. Esta es perfecta para una página de ‘quienes somos’ de cualquier empresa de diseño web. Es una animación supersencilla pero muy curiosa que simula los titulos de credito finales de una película.

Casillas. Si sois aficioandos a los juegos de tablero o de rol os sonarán las casillas de juego hexagonales. Aquí os presento un sistema para mover una pieza blanca sobre un tablero de casillas hexagonales ( se usan las teclas W,E,D,X,Z,A)

Parallax. Este fue mi primer fecto de animación y de parallax. Simplemente mueve hacía abajo el scroll y veras como se mueve el pajarito y las nubes de fondo. Es una pena que no consiguera que el pajaro se parara encima de la otra rama que estaba en el pie de la web.

Super Woko Bros. Este es lo máximo que he llegado en animaciones con Jquery y aun así esta en pañales. La idea erá hacer una especie de Super Mario Bros, pero me queda mucho por hacer. Podeís moveros con A (izquierda), D (derecha), W (saltar) y S (agacharse).