menú
¿Música de YouTube sin molestos comerciales? ¡Ahora es posible!
TubeFiesta es una aplicación que te permite reproducir música de YouTube como un reproductor tradicional.
Crear listas, reproducción aleatoria, repetir, y hasta exportar el video a otra pantalla.
Conocer más Ir a tfiesta.com

Flashes de cámara con JQuery

Publicado el 29/07/2014 | 2132 visitas

Continuando escribiendo #codigodivertido vamos a modificar un poco el código del ejercicio anterior acerca de la lluvia de colores con jQuery y trataremos de realizar un efecto diferente, esta vez vamos a "pintar" una pantalla oscura y haremos aparecer pequeños destellos para dar la sensación de que son flashes de cámaras fotográficas. Comencemos...

flashes de cámara jQuery eledwin.com

Lo que hicimos fue mover algunas partes del código del ejercicio anterior y establecimos un fondo negro a todo el documento. Veamos el código y resultados:

El código es muy similar al del ejercicio de la lluvia de colores, en esta ocasión reemplazamos el color por una imagen (que será el flash) y la animación. Adicionalmente se hace un random entre las coordenadas X y Y de la pantalla para elegir aleatoriamente un lugar y mostrar la imagen, por ultimo se hace una animación para ocultarla y dar la sensación de resplandor.

Algo muy interesante es experimentar este mismo #codigoDivertido con otras imagenes y observar los resultados.

Animense a comentar y compartir, espero que sea de utilidad para alguien.

Talvez te interese...

[Truco] Contar caracteres en Google Chrome
Mejora la primera impresión con una WebFont
Crear un Wizard con AngularJS
Lluvia de colores con JQuery
blog comments powered by Disqus