Présentation de site Web HTML5 48 démonstrations potentielles de destruction Flash

Vous avez donc entendu dire que toutes les rumeurs au sujet de HTML5 s’empareraient d’Adobe Flash. Alors que la plupart des communautés Web affirment que c'est possible ou non, vous devez vous demander ce qui fait que HTML5 est si puissant que même la société géante Apple souhaite l'utiliser pour remplacer Flash..

C'est pourquoi cet article existe, nous n'allons pas parler de ce que HTML5 peut faire, mais montrer des démonstrations en direct de choses magiques que HTML5 peut réaliser avec un autre langage comme JavaScript, alors préparez-vous à être inspiré.

Remarque: Étant donné que certains navigateurs Web tels qu'Internet Explorer ne prennent pas totalement en charge le format HTML5, il est vivement recommandé d'utiliser le navigateur Firefox pour afficher toutes les démos HTML5 ci-dessous..

Animation

L'élément de canevas de HTML5 est le facteur déterminant pour que HTML5 remplace certaines animations Flash. Il vous permet de créer un rendu dynamique et scriptable de formes 2D et d'images bitmap avec Javascript, autrement dit une animation contrôlable..

Audioburst Animation

Une animation confortable et fantastique créée avec le tag canvas et audio de HTML5.

Piscine à balles

Présentée lors du dernier événement Google I / O, cette démonstration vous montre à quel point HTML5 peut être dynamique.

Blob Sallad

Une créature engendrée par HTML5 qui vous plairait.

Bomomo

Avec Bomomo, vous pouvez observer différents mouvements atomiques simulés avec HTML5.

Balle de navigateur

Laissez-vous surprendre par cette balle HTML5 'multi-navigateur'.

Bulles

Amusez-vous en créant des bulles flottantes sans fin avec des couleurs différentes.

Animation de bande dessinée

Un dessin animé HTML5 simple et amusant qui vous aide à comprendre ce que l'élément de création HTML5 peut faire.

Coolclock

Une belle horloge analogique personnalisable construite en HTML5 et JavaScript.

Diaporama Flickr PS3

Affichez les photos de votre Flickr avec un diaporama de style PS3 dans le navigateur Web..

Polaroid interactif

Une démo interactive qui fonctionne assez similaire à l'interface multi-touch.

JS Fireworks

Profitez du moment de feux d'artifice avec votre gravité et votre vitesse préférées, optimisé par HTML5 et Javascript.

Kaléidoscope

Un kaléidoscope HTML5 très beau et futuriste.

Particules Liquides

Animation particulaire sensible qui réagit en fonction du mouvement de votre souris.

Envoûteur

Une autre démonstration sensible et exceptionnelle de HTML5 qui montre comment les éléments proches réagissent lorsque vous déplacez la souris.

Nuage de nébuleuse

Perdez-vous avec cette merveilleuse nébuleuse HTML5.

Parallaxe

Afficher toutes les formes 2D en perspective parallèle.

Animation de particules

Une élégante animation de particules HTML5 qui peut former votre message préféré.

Propager

Perdez-vous avec cette animation sans fin.

Starfield

Une animation Starfield HTML5 très cool qui changerait de direction et de vitesse en fonction du mouvement de votre souris.

Destruction Vidéo

Un clic pour faire exploser une vidéo en cours de lecture.

Forme d'onde

Observez le mouvement de la vague de toile HTML5 en modifiant son amplitude, sa longueur d'onde, sa largeur, etc..

Effet 3D

Impressionné par l'animation de toile? C'est plus ce que l'élément de toile HTML5 peut faire, et cela s'appelle l'effet 3D. Les développeurs peuvent s’appuyer sur des éléments de toile, DOM et JavaScript pour créer un effet 3D, qui peut ensuite être développé en animation 3D ou en jeu..

Canvas3D et Flickr

Profitez d'une toute nouvelle expérience 3D avec le flux de photos Flickr.

Simulation de tissu

Une simulation de tissu réaliste basée sur HTML5.

Monstre en évolution

Observez un monstre évoluer pour devenir une créature compliquée, l'un de ses créateurs est HTML5.

Google Giftbox

Le moteur de recherche géant Google est présenté en 3D, dans une vue lisible.

JS Touch

Une vitrine '3D sur 2D Canvas' réaliste et de haute qualité.

Présentation des données

L'élément de canevas de HTML5 peut être utilisé pour créer une animation et un effet 3D, mais il peut également être implémenté pour présenter des données mathématiques..

Gnuplot

Gnuplot, une application de traçage de données en version HTML5.

RGraph

RGraph fournit une large gamme de présentation de données comme un diagramme à barres, une barre de progression et un diagramme radar traditionnel.

Application Web

En fin de compte, en utilisant toutes les possibilités combinées par HTML5 et d'autres langages, on peut créer une application ou un jeu interactif proche de l'application Flash..

CanvasPaint

Témoin le frère de Microsoft Paint vient dans votre navigateur Web, et son père est HTML5.

CanvasMol

Une application scientifique conçue pour vous aider à comprendre la structure de certains éléments de la terre.

Constructeur de bande dessinée

Dessinez une image de bande dessinée intéressante avec ce constructeur de bande dessinée minimal et interactif.

Faites glisser n'importe quoi ici

Faites glisser tout ce que vous pouvez faire glisser dans la démo pour afficher les détails.

Gartic Sketch

Une application HTML5 originale qui vous permet de créer des dessins de base pouvant être enregistrés dans différents formats d'image, tels que jpeg ou png.

PhysicSketch

Dessine ce que tu veux et vois comment ils réagissent avec la gravité simulée.

Carnet de croquis

Une application de dessin HTML5 puissante qui vous permet de dessiner et d'éditer votre image de manière précise.

Petite conversation

Une application Web qui confirme la position géographique du message météorologique acquis sur Twitter, formant ainsi une carte de «météo sociale» basée sur une toile, assez triviale (comme l’a déclaré l’auteur) mais intéressante..

Jeu

3Bored

Vous ne vous ennuieriez jamais si vous réussissiez à éviter des centaines de balles HTML5 en une seconde..

Éclater

Rebondir le ballon pour casser toutes les briques.

Canvascape

Pas tout à fait un jeu, mais il montre comment utiliser HTML5 pour développer le jeu par navigateur à la première personne.

Attrape ça

Combien de balles pouvez-vous esquiver pour obtenir votre carré HTML5 gagnant?

Réaction en chaîne

Enchaînez l'explosion pour atteindre l'objectif, ne devenez pas accro.

Cubeout

Jouez à Tetris en 3D, vue de dessus.

etchaPhysics

Dessine un objet pour déplacer la balle vers l'étoile, n'oublie pas la gravité.

Puzzle

Cliquez, faites pivoter et déposez des pièces du puzzle pour résoudre ce puzzle basé sur HTML5.

Slide Puzzle

Glissez vers la victoire, un autre jeu HTML5 conçu pour presser votre esprit.

Même jeu

Supprimez certains groupes pour obtenir un autre groupe de même couleur et vous obtiendrez éventuellement une victoire..

Tetris

Un des jeux les plus classiques ressuscité par HTML5.

Torus

Encore un autre jeu de Tetris en version pseudo-3D.

Conclusion

Quelle est la limitation de HTML5? À ce stade, nous ne pouvons pas décider, mais avec la vidéo impressionnante ci-dessous, nous pouvons savoir jusqu'où le HTML5 a été poussé:

Oui, il s'agit de Quake II dans le navigateur Web. Il est donc désormais très clair qu'avec HTML5, une application Web plus révolutionnaire serait conçue pour servir des milliards d'internautes. C'est rapide, cela évolue et cela change le Web. La question est de savoir comment vous utiliseriez ce HTML5 révolutionnaire?

Nous aimons entendre votre idée!