15 (más) experimentos HTML5 inspiradores

A menos que haya estado viviendo bajo una roca, habrá oído hablar de HTML5. Ahora está en todas partes, gracias a la promoción del ex CEO de Apple , Steve Jobs, y a ciertos desarrolladores que creen que HTML5 puede hacerse cargo de Flash.

Bueno, de hecho, todavía no vemos que esta situación haya sucedido, pero HTML5 es realmente mágico en referencia a sus capacidades de video, ilustración de lienzo y animación que funcionan muy bien y sin problemas. El hecho es que es tan prometedor que están apareciendo proyectos en todos los lugares que se han realizado como una forma de probar los límites de HTML5.

Creas o no su poder, te mostraremos 15 experimentos esclarecedores que hacen el mejor uso de HTML5, y adivina qué, puedes experimentar la gravedad, la animación basada en música y la representación de criaturas que simplemente funcionan como criaturas. Diviértete con ellos y ¡uy !, se sirven mejor con la última versión de Mozilla Firefox y Google Chrome .

En caso de que no esté satisfecho con esta diversión HTML5, ¡tenemos más para usted!

Ciclo de lienzo

Un esfuerzo de colaboración entre el artista Mark Ferrari y el codificador Joseph Huckaby, esta es una hermosa colección de escenas de la naturaleza en movimiento, como bosques en invierno, paisajes marinos y montañas tormentosas. Son relajantes a la vista y realmente impresionantes, con sonidos adjuntos a las imágenes. Si desea un poco de tiempo para relajarse del trabajo, puede revisar estas imágenes y sentir que su tensión desaparece.

ciclo de lienzo

gravedad de Google

Otro del asombroso Sr. Doob, este es menos interactivo que el primero pero sigue siendo genial. Ofrece una copia básica de la página principal de búsqueda de Google. Pero cuando apuntas el cursor, toda la página comienza a “caer” hasta que todas se bloquean en la parte inferior. El logotipo de Google funciona como un enlace activo que actualiza la página. Un buen juego para esas grandes empresas que odian a Google, puede serlo.

gravedad de Google

Árboles de lona

Hecho por Kenneth Jorgenson, este podría ser el único lugar donde puede ver la frase ‘Actualizar para obtener más árboles deliciosos :)’. Es exactamente lo que dice: haces clic en el sitio web y te lleva a un fondo blanco. Un dibujo en tinta negra de un árbol comenzará a “crecer” mientras se cuenta con cuántas ramas están en progreso. Puede actualizar para ver tantas veces como desee.

árboles de lona

Magnético

Este es otro divertido y adictivo para que disfrutes. Básicamente, comienzas con un par de “imanes” que se pueden arrastrar por la pantalla. Las partículas de luz orbitan a su alrededor y, si cambia de posición, puede cambiar las formas que hacen. Si desea más imanes y partículas, simplemente haga doble clic y arrástrelos a donde los desee. Sí, ¡se trata de imanes y física!

magnético

Gráfico de ganancias de celebridades

¿Quieres ver una representación visual de cuánto ganan las celebridades de televisión por episodio? Este es un pequeño gráfico genial que muestra pilas de barras de colores que representan cuánto gana una celebridad específica por grabación de un programa de televisión (o realizado, en casos como Charlie Sheen). Fue realizado como uno de los muchos proyectos y experimentos de Daniel Rapp.

gráfico de ganancias de celebridades

Cinta de lona

Paul Truong creó esta interesante aplicación que te permite pintar usando una cinta multicolor en constante movimiento en la pantalla. Hace formas y diseños, y el efecto es bastante bonito. Todo lo que tienes que hacer es arrastrarlo por la pantalla, hablando de simplicidad eh.

cinta de lona

Agua WebGL

Aquí viene una demostración genial que utiliza la revolucionaria WebGL (biblioteca de gráficos basada en web), que se sirve mejor con Google Chrome . Con la demostración, puede dibujar en el agua para hacer ondas, o arrastrar la esfera para moverla y presionar algunas teclas del teclado para establecer la dirección de la luz y alternar la gravedad, todo para presenciar cómo el objeto movido interactúa animadamente con el entorno, aterradoramente realista.

agua webgl

Chrysaora

Otra demostración impresionante que aplica la magia de WebGL, en la que se puede ver un grupo de medusas extremadamente hermosas y, lo que es más importante, animadas que se mueven en el agua, irradiadas por el rayo de sol de ensueño. Sea testigo del período en el que HTML5 y WebGL dan vida a la web, que se ve mejor con Google Chrome .

Chrysaora

Lluvia de Voxel

La lluvia de voxel significa que las cajas 3D multicolores descienden para formar un gran bloque giratorio. Es como mostrar las posibilidades de la computadora en la década de 1990, y ahora se trata de un navegador web utilizando el poder de HTML5, la era más brillante de Internet no está más lejos.

voxelrain

Efectos de texto HTML5

A menudo, los diseñadores web nos preguntamos cuántas posibilidades tiene HTML5 para ayudarnos a avanzar en la tipografía web, y esta demostración te da la respuesta, ¡más que nunca! Puede optar por presenciar el efecto estereoscópico, el efecto neón o incluso el efecto neón en movimiento, el futuro de la tipografía web está en manos de HTML5.

efecto de texto html5

Logotipo HTML5 giratorio

Simplemente no puedo aguantar la gloria de HTML5, está girando, está girando … es genial.

Logotipo HTML5

Dibujar en 3D

¿Estás aburrido del servicio de dibujo 2D basado en HTML5? Mira esto. Simplemente dibuje una línea y presione la barra espaciadora, luego arrastre hacia la izquierda o hacia la derecha y verá su dibujo girando en perspectiva 3D. El boceto 3D no es más complicado con HTML5.

dibujando en 3d

Conductor mta.me

Mta.me Conductor te inspira generando puntos que se moverán continuamente para formar líneas, y cuando las líneas “chocan” entre sí, desencadenarán alguna interacción. Todo para demostrar que HTML5 no se trata solo de código, sino de interacción, y eso es lo que realmente les importa a los usuarios de la web.

mta

Doogle Gmail

Un juego de disparos interesante pero el héroe es Gmail, ¡libéralo de los males! Al igual que el juego de disparos clásico, tienes la vida, la puntuación y el rayo láser todopoderoso. Probablemente una de las demostraciones potenciales para mostrar las capacidades de HTML5 como juego. Cuidado, Flash.

doogle gmail

W piloto

Este es un juego tan adictivo que debería ser ilegal. En serio, una vez que inicie sesión en uno de sus servidores, querrá jugar durante horas. Básicamente, estás volando disparando cosas mientras evitas que otros jugadores te disparen. Es simple y muy divertido de jugar, y el hecho de que permite una experiencia multijugador es una ventaja importante que lo coloca por encima de los juegos Flash que son tan populares en este momento.

wpilot

Deja un comentario

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