Meilleurs sites avec animations et applications 3D interactives

WebGL est une technologie qui est 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 pourquoi, dans de nombreux cas, spectaculaire !

Pour ouvrir ces sites il faut le navigateur Google Chrome ou la dernière version de Firefox ou Safari ; pour le moment ne sont pas visibles avec Internet Explorer.

Chacun de ces sites, après les avoir ouverts, vaut la peine de les voir en plein écran en appuyant sur la touche F11 de votre clavier.

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.

– Acquarium est un véritable aquarium où un environnement sous-marin est simulé. La démo offre des modèles 3D de poissons avec des textures de haute qualité, des animations, des pixel shaders et tout ce dont vous avez besoin pour rendre l’image absolument réaliste. Dans le menu de gauche, vous pouvez changer l’appareil photo 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 haut et bas du clavier et changer la rotation à gauche et à droite.

– Méduse est la méduse reproduite de façon 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 dansant et chantant dans une vidéo interactive est une « Expérience Chrome » promue par Google.

– La vidéo pour le film du Grand et Puissant Wizard of Oz est une application interactive en HTML5, en anglais, que vous pouvez aussi ouvrir sur tablettes et smartphones, très belle et développée par Disney et Google.

2) Voitures

Trois magnifiques sites sont dédiés aux amateurs de voitures de course et de Formule 1 Ferrari.

– En D HelloRacer vous pouvez piloter une Ferrari fidèlement reproduite en 3D, en utilisant des fléchettes et suivre son mouvement comme dans un jeu vidéo.

– Un autre site dédié aux voitures est en 3D : 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.

– Troisième site est WebGL Cars où vous pouvez conduire deux voitures de course vues en 3D avec différents plans. Une voiture est conduite avec les fléchettes, l’autre avec les touches WASD ; en appuyant sur B vous mettez l’effet vitesse tandis qu’avec le N vous pouvez régler la vue Nuit.

3) Création

– Collectibles Printer est une application web où vous pouvez créer une figure humaine en 3D grâce à un simple éditeur.

C’est le doute que WebGL peut être utilisé pour développer des applications web, et cette 3D figure Designer est vous fera sourire avec ses composants amusants et l’expérience utilisateur lisse.

En fin de compte, 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 relié, en direct, 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 leur propre visage dessiné.

– Sketch est un tableau noir où vous pouvez dessiner avec la souris ; chaque dessin peut être tourné à 360 degrés.

D’autres beaux sites de création sont dans l’article Créer de l’art abstrait et des peintures et dessins sur internet.

4) Jeux en ligne dans WebGL

– Pacman avec vue subjective FPS est génial, c’est le jeu Pac Man en 3D que même sur la Playstation n’a jamais sorti !

– TankWorld est un jeu de tir avec différentes cartes à explorer et différents niveaux à jouer.

– Cube Maps est le jeu où rouler une balle dans un cube de Google Maps dont j’ai parlé il ya quelques mois.

5) Manipulation des photos

– Rutt-Etra-Izer est une application web où vous pouvez télécharger une photo et la voir en 3D avec un effet très spécial. Pour enregistrer l’image, vous pouvez appuyer sur la touche S et à droite, vous pouvez personnaliser la vue en déplaçant les différents paramètres.

– Surface est similaire en fonctionnement et vous pouvez toujours faire glisser une photo de votre ordinateur vers le milieu de la page. L’image est animée en appuyant dessus avec la souris, comme si c’était la surface de l’eau.

Le contrôle de la surface, une expérience élégante et stimulante de Paul Lewis. Vous pouvez non seulement changer la taille, l’élasticité, l’orbite automatique, l’image filaire et les gouttes de pluie dans la démo, mais aussi y glisser-déposer vos propres images pour sentir l’effet différemment.

– Photo Particles dissout la photo en particules.

– WebGl Filter est une véritable application interactive d’édition photo sur le Web où vous pouvez télécharger une photo et déplacer les différents paramètres pour appliquer différents effets et modifier les images.

5) Twitter

Ultranoir est une vidéo 3D animée qui s’intègre à Twitter.

Vous pouvez spécifier un hashtag, peut-être le plus cité dans Twitter aujourd’hui, est de lire les différents tweets conduits par des objets volants, des avions, des vaisseaux spatiaux, le tout agrémenté 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 parmi lesquelles il existe :

– BookCase WebGL est une librairie virtuelle où vous pouvez parcourir 10 000 couvertures de livres Google Books.

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 rassemblés.

– Google Gravity est un bon moyen de faire une recherche sur Google, avec les morceaux de la page tombant au sol.

Google Gravity est l’une des meilleures blagues de Google.

– Piscine à balles où vous pouvez jouer avec les balles.

– WordFlights vous permet de voir les routes de tous les principaux avions, en les filtrant par compagnie.

– StreetView StereoGraphic est une application web où, d’une part il y a Google Maps, d’autre part Google StreetView avec les rues vues comme dans une boule de cristal.

– Toki Toki Toki est une horloge faite avec des sites Web déroulants.

Enfin, n’oubliez pas que vous pouvez également activer les graphiques WebGL sur Google Maps.