Página principal » Codificación » 15 (más) inspiradores experimentos en HTML5

    15 (más) inspiradores experimentos en HTML5

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

    Bueno, de hecho, aún no vemos que ocurra esta situación, 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 los proyectos están apareciendo en todos los lugares que se han realizado como una forma de probar los límites de HTML5.

    Créalo o no, le mostraremos 15 experimentos esclarecedores que hacen el mejor uso de HTML5, y adivinen qué, puede experimentar la gravedad, la animación basada en música y el renderizado de criaturas que simplemente funcionan como criaturas. Diviértete con ellos y oops, se sirven mejor con la última versión de Mozilla Firefox y Google Chrome.

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

    • HTML5: 48 Demostraciones potenciales de matar flash
    • HTML5: 19 aplicaciones web potenciales

    Ciclo de lona

    Un esfuerzo de colaboración entre el artista Mark Ferrari y el codificador Joseph Huckaby, esta es una magnífica colección de escenas conmovedoras de la naturaleza, 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 quieres un poco de tiempo para relajarte en el trabajo, puedes repasar estas imágenes y sentir que la tensión se desvanece..

    gravedad de Google

    Otro del increíble Sr. Doob, este es menos interactivo que el primero, pero aún así es genial. Da una copia básica de la página de búsqueda principal de Google. Pero cuando apuntas el cursor, toda la página comienza a "caerse" hasta que todos se bloquean en la parte inferior. El logotipo de Google funciona como un enlace activo que actualiza la página. Un buen juego para aquellas grandes compañías que odian a Google, puede ser.

    Árboles de lona

    Hecho por Kenneth Jorgenson, este podría ser el único lugar donde se 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 la cantidad de ramas en progreso. Puedes actualizar para ver tantas veces como desees..

    Magnético

    Esta es otra divertida y adictiva para que la disfrutes. Básicamente, comienzas con un par de 'imanes' que se pueden arrastrar por la pantalla. Las partículas de luz orbitan alrededor de ellas y si cambias de posición puedes cambiar las formas que hacen. Si desea más imanes y partículas, simplemente haga doble clic y arrástrelos a donde desee. Sí, se trata de imanes y física.!

    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 que muestra pilas de barras de colores que representan cuánto gana una celebridad específica por la grabación de un programa de televisión (o hecho, en casos como Charlie Sheen). Fue hecho como uno de los muchos proyectos y experimentos por Daniel Rapp..

    Cinta de lona

    Paul Truong creó esta interesante aplicación que te permite pintar utilizando una cinta multicolor de movimiento constante 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.

    Agua WebGL

    Aquí viene una demostración genial que utiliza la revolucionaria WebGL (biblioteca de gráficos basada en la web), que se sirve mejor con Google Chrome. Con la demostración, puede dibujar en el agua para hacer ondulaciones, 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 ser testigo de cómo el objeto movido interactúa animado con el entorno, de forma aterradora. realista.

    Chrysaora

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

    Lluvia voxel

    La lluvia voxel significa que las cajas 3D de varios colores 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 que utiliza el poder de HTML5, la era más brillante de Internet no está más lejos..

    Efectos de texto HTML5

    A menudo, los diseñadores web nos preguntamos cuántas posibilidades puede realmente HTML5 ayudarnos a avanzar en la tipografía web, ¡y esta demostración le da la respuesta, más que nunca! Puede elegir 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 la mano de HTML5.

    Spinning HTML5 Logo

    Simplemente no puedo mantener la gloria de HTML5, está girando, está girando ... está bien.

    Dibujando en 3D

    ¿Aburrido del servicio de bocetos 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.

    mta.me conductor

    El Conductor de Mta.me lo inspira al generar puntos que se moverán continuamente para formar líneas, y cuando las líneas “chocar” entre sí provocará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 los usuarios web realmente se preocupan por.

    Doogle Gmail

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

    W piloto

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