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).

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *