Sitio web HTML5 Showcase 48 Demostraciones potenciales de matanza de flash

Así que has escuchado que todos los rumores sobre HTML5 se harían cargo de Adobe Flash. Si bien la mayoría de la comunidad web argumenta que es posible o no, debes vagar por lo que hace a HTML5 tan poderoso que incluso la compañía gigante Apple quiere usarlo para reemplazar Flash..

Por eso existe esta publicación, no vamos a hablar sobre lo que puede hacer HTML5, sino a mostrar demostraciones en vivo de cosas mágicas que HTML5 puede lograr con otro lenguaje como JavaScript, así que prepárese para inspirarse..

Nota: como HTML5 no es totalmente compatible con ciertos navegadores web como Internet Explorer, se recomienda encarecidamente usar el navegador Firefox para ver todas las demostraciones de HTML5 a continuación..

Animación

El elemento del lienzo de HTML5 es el factor decisivo para que HTML5 reemplace ciertas animaciones Flash. Le permite crear una representación dinámica y con secuencias de comandos de formas 2D e imágenes de mapa de bits con Javascript, lo que por otro medio es, animación controlable.

Animación de Audioburst

Una animación cómoda y fantástica creada con el lienzo y la etiqueta de audio de HTML5..

Piscina de bolas

Presentada en el último evento de Google I / O, esta demostración le muestra cuán dinámico puede ser HTML5.

Blob Sallad

Una criatura engendrada en HTML5 que te complacería..

Bomomo

Con Bomomo, puedes observar diferentes movimientos atómicos simulados con HTML5.

Bola del navegador

Sorpréndete con esta bola HTML5 'cross-browser'.

Burbujas

Diviértete creando infinitas burbujas flotantes de diferente color..

Animación de dibujos animados de lona

Una caricatura HTML5 simple y divertida que te ayuda a entender lo que puede hacer el elemento lienzo de HTML5.

Coolclock

Un bonito reloj analógico personalizable construido por HTML5 y JavaScript.

Flickr PS3 Slideshow

Vea sus fotos de Flickr con una presentación de diapositivas estilo PS3 en el navegador web.

Polaroid interactivo

Una demostración interactiva que funciona bastante similar a la interfaz multitáctil..

JS Fireworks

Disfruta del momento de los fuegos artificiales con tu gravedad y velocidad preferidas, con tecnología HTML5 y Javascript.

Caleidoscopio

Un caleidoscopio HTML5 muy hermoso y futurista..

Partículas líquidas

Animación de partículas sensibles que reacciona en función del movimiento del ratón..

Hipnotizador

Otra demostración destacada y sensible de HTML5 que muestra cómo reaccionan los elementos cercanos con el movimiento del mouse.

Nube nebulosa

Piérdete con esta maravillosa nebulosa HTML5.

Paralaje

Ver todas las formas 2D en perspectiva paralela.

Animación de partículas

Una elegante animación de partículas HTML5 que puede formar en tu mensaje preferido.

Untado

Piérdete con esta animación infinita..

Campo de estrellas

Una animación de campo de estrellas HTML5 muy interesante que cambiaría la dirección y la velocidad según el movimiento del mouse.

Video destruccion

Un clic para aumentar un video en reproducción.

Forma de onda

Observe cómo se mueve la ola del lienzo de HTML5 modificando su amplitud, longitud de onda, ancho, etc..

Efecto 3D

¿Impresionado por la animación de lienzo? Eso es más lo que el elemento lienzo de HTML5 puede hacer, y se llama efecto 3D. El desarrollador puede confiar en el elemento canvas, DOM y JavaScript para crear un efecto 3D, que luego se puede desarrollar en animación 3D o juego.

Canvas3D y Flickr

Disfruta de una experiencia completamente nueva en 3D con la galería de fotos de Flickr.

Simulación de tela

Una simulación de tela realista basada en HTML5.

Monstruo en evolución

Observa a un monstruo evolucionando hacia una criatura complicada, uno de sus creadores es HTML5..

Google Giftbox

El motor de búsqueda gigante Google se presenta en 3D, vista jugable.

Js touch

Un escaparate '3D en 2D Canvas' de alta calidad y realista..

Presentación de datos

Si bien el elemento lienzo de HTML5 se puede usar para crear animaciones y efectos 3D, también se puede implementar para presentar datos matemáticos..

Gnuplot

Gnuplot, una aplicación de trazado de datos en versión HTML5.

RGraph

RGraph proporciona una amplia gama de presentaciones de datos como gráfico de barras, barra de progreso y gráfico de radar tradicional.

Aplicación web

En última instancia, utilizando todas las posibilidades combinadas por HTML5 y otros idiomas, se puede crear una aplicación interactiva o un juego que esté cerca de la aplicación Flash..

Lienzo de pintura

Sé testigo de que el hermano de Microsoft Paint entra en tu navegador web y su padre es HTML5.

CanvasMol

Una aplicación científica diseñada para ayudarlo a comprender la estructura de ciertos elementos de la Tierra..

Constructor de dibujos animados

Dibuja imágenes de dibujos animados interesantes con este creador de dibujos animados mínimo e interactivo.

Arrastre cualquier cosa aquí

Arrastra todo lo que puedas arrastrar en la demo para mostrar detalles..

Bosquejo de Atico

Una aplicación HTML5 original que te permite hacer algunos dibujos básicos que se pueden guardar en diferentes formatos de imagen como jpeg o png.

PhysicSketch

Dibuja lo que quieras y observa cómo reaccionan con la gravedad simulada..

Bloc de dibujo

Una potente aplicación de dibujo HTML5 que le permite dibujar y editar su imagen de la manera precisa.

Charla

Una aplicación web que confirma la posición geográfica del mensaje relacionado con el clima adquirido de Twitter, lo que los convierte en un mapa de "clima social" basado en un lienzo, bastante trivial (como lo afirma el autor) pero interesante.

Juego

Aburrida

Nunca te aburrirías si sigues evadiendo cientos de viñetas HTML5 en el próximo segundo.

Fugarse

Rebota la bola para romper todos los ladrillos..

Canvascape

No es un juego, pero demuestra cómo se puede usar HTML5 para desarrollar el juego de navegador First Person Shooting.

Atrapalo

¿Cuántas bolas puedes esquivar para obtener tu cuadrado HTML5 ganador??

Reacción en cadena

Encadena la explosión para lograr el objetivo, no te vuelvas adicto..

Cubeout

Juega Tetris en 3D, vista desde arriba.

etchafísica

Dibuja un objeto para mover la bola a la estrella, no te olvides de la gravedad.

Rompecabezas

Haz clic, gira y suelta piezas de rompecabezas para resolver este rompecabezas basado en HTML5.

Puzzle de diapositivas

Deslízate hacia la victoria, otro juego HTML5 que está diseñado para exprimir tu mente..

Mismo juego

Elimine cierto grupo para obtener otro grupo emparejado en el mismo color y eventualmente se le otorgará una victoria.

Tetris

Uno de los juegos más clásicos traídos de vuelta a la vida por HTML5.

Toro

Otro juego de Tetris en versión pseudo-3D..

Conclusión

¿Cuál es la limitación de HTML5? En este punto no podemos decidir, pero con el impresionante video a continuación, podemos saber hasta qué punto se ha impulsado el HTML5:

Sí, es Quake II en el navegador web, por lo que ahora está muy claro que con HTML5, nacerá una aplicación web más innovadora para servir a miles de millones de usuarios de Internet. Es rápido, está evolucionando y está cambiando la red mundial. La pregunta es, ¿cómo usarías este cambiante HTML5??

Nos gusta escuchar tu idea.!