WebGL est l'une des technologies possibles pour le web du futur où Internet ne sera pas créé uniquement par des sites statiques mais également par des applications 3D interactives . WebGL est une technologie actuellement promue par Google et Mozilla et qui étend la capacité de Javascript à générer des graphiques 3D sans aucun plugin. Dans cette vitrine, nous voyons les 30 meilleurs sites expérimentaux développés avec WebGL qui sont tous à cliquer et à voir parce que, dans de nombreux cas, spectaculaires !
Pour ouvrir ces sites, le navigateur Google Chrome ou la dernière version de Firefox ou Safari est requis ; pour le moment ils ne sont pas visibles avec Internet Explorer.
Chacun de ces sites, après les avoir ouverts, mérite d'être vu en plein écran en appuyant sur la touche F11 du clavier.
LIRE AUSSI: Les meilleurs sites flash et HTML5, les plus beaux, animés et interactifs
1) Vidéos interactives
- 3 Dreams Of Black est un monde virtuel construit à partir de dessins et d'animations qui s'entrelacent en séquences 3D interactives.
- L' aquarium est un véritable aquarium où un environnement sous-marin est simulé. La démo propose des modèles de poissons 3D avec des textures, des animations, des pixel shaders de haute qualité et tout ce dont vous avez besoin pour rendre l'image absolument réaliste. Dans le menu de gauche, vous pouvez changer la caméra et augmenter le nombre de poissons.
- Attractors Trip est une démo interactive où vous pouvez vivre un voyage en hyperespace en 3D. Vous pouvez accélérer avec les flèches du clavier de haut en bas et changer la rotation avec la gauche et la droite.
- La méduse est la méduse reproduite de manière scientifique et réaliste.
- Wobble Dance est une belle vidéo où un visage bouge avec une musique très dérangeante.
- Cirque De Soleil qui danse et chante dans une vidéo interactive est une "expérience Chrome" promue par Google.
- La vidéo du film du Grand et Puissant Magicien d'Oz était une application interactive en HTML5, en italien, développée par Disney et Google.
2) Voitures Trois beaux sites sont dédiés aux amateurs de voitures de course et de Formule 1 Ferrari.
- Dans HelloRacer, vous pouvez conduire une Ferrari fidèlement reproduite en 3D, en utilisant les flèches et suivre son mouvement comme dans un jeu vidéo.
- Un autre site 3D est également dédié aux voitures: Material Cars où sont reproduits les modèles des voitures Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 et Chevrolet Camaro et vous pouvez également choisir la couleur.
- Le troisième site est WebGL Cars où il est possible de conduire deux voitures de course vues en 3D avec des angles différents. Une machine est entraînée avec des flèches, l'autre avec des touches WASD; appuyer sur B met l'effet de vitesse tandis qu'avec N vous pouvez régler la vue de nuit.
3) Création
- Collectibles Printer est une application Web où vous pouvez créer une figure humaine 3D via un simple éditeur.
Il ne fait aucun doute que WebGL peut être utilisé pour développer des applications Web, et ce concepteur de figures 3D va vous faire sourire avec ses composants amusants et son expérience utilisateur fluide.
Au final, vous pouvez partager votre création avec un lien.
- Google Web Lab est un ensemble d'expériences en ligne dont la meilleure est celle de l'orchestre où vous pouvez jouer un séquenceur interactif. Il est directement relié au London Science Museum. Il y a aussi le Data Tracer pour rechercher des images dans le monde, Teleporter, pour voir les webcams dans d'autres pays et Sketchbots pour voir votre visage dessiné.
- Sketch est un tableau noir où vous pouvez dessiner avec la souris; chaque motif peut être tourné à 360 degrés.
D'autres beaux sites de création sont dans l'article Création d'art abstrait et de peintures et dessins sur internet
4) Jeux en ligne dans WebGL - Pacman avec une vue subjective FPS est magnifique, c'est le jeu Pac Man en 3D que même sur Playstation n'a jamais sorti!
TankWorld est un jeu de tir avec différentes cartes à explorer et différents niveaux à jouer.
- Playmapscube est le jeu où vous pouvez rouler une balle dans un cube Google Maps que j'ai mentionné il y a quelques mois, dans l'article sur les jeux basés sur Google Maps, situé dans le monde réel.
5) Manipulation de photos - Rutt-Etra-Izer est une application web où vous pouvez télécharger une photo et la visualiser en 3D avec un effet très particulier. Pour enregistrer l'image, vous pouvez appuyer sur la touche S tandis qu'à droite, vous pouvez personnaliser l'affichage en déplaçant les différents paramètres.
- WebGl Filter est une véritable application d'édition de photos Web interactive où vous pouvez télécharger une photo et déplacer les différents paramètres pour appliquer différents effets et éditer des images.
5) Twitter
Ultranoir est une vidéo animée en 3D qui s'intègre à Twitter.
Vous pouvez spécifier qu'un hashtag, peut-être celui le plus mentionné sur Twitter aujourd'hui, est de lire les différents Tweets conduits par des objets volants, des avions, des vaisseaux spatiaux, le tout assaisonné de musique romantique et d'une atmosphère relaxante.
En déplaçant la souris et en cliquant, vous pouvez changer la vue.
6) Google Chrome Experiments est la page des expériences Google WebGL comprenant: - BookCase WebGL est une librairie virtuelle où vous pouvez parcourir 10 000 couvertures de livres Google Livres.
Vous pouvez également effectuer une recherche par sujet, ouvrir un modèle 3D et télécharger des livres sur votre téléphone portable avec le code QR.
Malheureusement, seuls les livres écrits en anglais sont collectés.
- Google Gravity est un bon moyen de rechercher sur Google, avec les morceaux de la page qui tombent au sol.
Google Gravity est l'une des meilleures blagues de Google.
- Ball Pool où vous pouvez jouer avec des balles.
- WordFlights vous permet de voir les itinéraires de tous les avions principaux, en les filtrant par entreprise.
- StreetView StereoGraphic est une application web où, d'un côté il y a Google Maps, de l'autre Google StreetView avec les rues vues comme si elles étaient à l'intérieur d'une boule de cristal.
- Toki Toki est une horloge faite avec défilement de site Web.
Enfin, je me souviens que vous pouvez également activer les graphiques WebGL sur Google Maps.
