Après Paper/Plane, soufflez pour faire des bulles avec des gens du monde entier

Après PaperPlane de l’année dernière, @activetheory a travaillé avec Google pour créer une autre expérience interactive qui rassemble les participants de Google I/O avec les fans qui suivent le discours du monde dans un moment de découverte collective et de jeux.

En utilisant le micro ou en touchant leur appareil, les utilisateurs soufflent une bulle et l’envoient dans le monde entier. Les bulles d’autres utilisateurs flottent sur l’écran marqués avec des données montrant quand et où elles ont été créées.

Alors que les 7000 participants créent des bulles, les visuels sur le grand écran montrent d’autres bulles qui se répandent dans le monde entier. Les statistiques affichent les villes où se diffusent les bulles, le nombre d’utilisateurs connectés et l’utilisation du Google Earth nouvellement mis à jour, agrandit les paysages urbains en 3D.

Mettre le téléphone en mode paysage immerge l’utilisateur au milieu d’un champ où flottent des bulles au milieu desquelles il peut faire un 360 degrés en utilisant le gyroscope de l’appareil. Les utilisateurs sur Android peuvent activer leur appareil photo afin que les bulles semblent remplir leur environnement. À la fin de l’expérience principale, le grand écran dans le stade montre une vue des bulles du monde entier flottant à travers la foule.

Le mode jeu est une course contre la montre pour saisir autant de bulles que possible pour chaque équipe. Au début du jeu, les utilisateurs sont répartis en quatre équipes, une mise à jour en direct des progrès de l’équipe s’affiche sur le compte en grand écran jusqu’à ce qu’il n’y ait plus de bulles à saisir …

Les API de géocodage et de géolocalisation Google Maps ont été utilisées pour rechercher les emplacements et stocker les comptes de bulles par emplacement dans la base de données Firebase Realtime. Les statistiques des lieux récents et les chiffres des bulles par location sont continuellement collectées et affichées à l’utilisateur.

Le but était de créer une expérience apaisante, atmosphérique et de rêve tout en contournant la limite entre se sentir sous l’eau et dans le ciel. Des gradients d’animation dynamiques allant du cyan à un violet clair se déplacent tout au long de l’expérience sur l’écran qui change de couleur de haut en bas avec un champ de bruits qui accompagne en permanence en fonds.

La technologie

L’expérience Bubbles s’appuie sur un bateau de la technologie Google comme Chrome, Firebase, Google Earth, Maps, App Engine et Compute Engine.

Tout comme Paper Planes en 2016, Bubbles est entièrement construit sur la technologie Web. Une seule base de code JavaScript fournit l’expérience d’installation, de mobile et de desktop à la maison. En utilisant le pouvoir de rendu de WebGL et de trois.js, il est possible de produire des milliers de bulles à l’aide d’une technique appelée instanciation dans une simulation de vent calculée sur plusieurs threads via WebWorkers.

Ils se sont également concentrés sur le fait que les bulles sont « physiques et tactiles » comme moyen de créer la possibilité d’interagir avec l’objet, flottant dans une simulation de vent, etc.

Conclusion

Un autre projet d’installation en direct passionnant s’est révélé incroyable grâce à la contribution des utilisateurs à travers le monde. PaperPlane était une expérience géniale, sur le même principe Bubbbles a séduit.

Visitez g.co/bubbles.

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s