Essayer en direct Description
World in a Box est une application web pour tous ceux qui veulent tenir au creux de la main les souvenirs qu’ils partagent avec quelqu’un. Vous entrez dans une rue 3D modifiable, vous la parcourez et poussez la porte de quatre petites boutiques : un vieux magasin d’électronique, une maison de thé, une boutique de cadeaux et un café. De près, vous ramassez les « objets-souvenirs » posés sur leurs étagères, puis vous les déposez, avec vos souvenirs écrits, sur une planète de la taille d’une paume que vous pouvez faire tourner et garder, avant de l’offrir, accompagnée d’une lettre complète, à quelqu’un qui compte pour vous.
L’expérience se déroule en quatre étapes :
- Rue des souvenirs : appuyez sur E devant la porte d’une boutique pour entrer, et cliquez de près sur les objets-souvenirs pour les ramasser.
- Ma poche : tout ce que vous ramassez est conservé ici.
- Éditeur de planète : choisissez un style de planète et un duo de personnages, sélectionnez exactement trois objets-souvenirs, puis écrivez vos souvenirs et une lettre complète.
- Carte de collection : la planète et la lettre apparaissent ensemble sur une même carte.
La carte de collection, le modèle de la planète et la lettre peuvent tous être enregistrés et emportés ; votre poche et vos brouillons sont stockés localement, si bien que rien n’est perdu si vous actualisez la page.
L’équipe a construit elle-même la rue modifiable dans Three.js (r180), avec des maillages et des matériaux précalculés, et la planète comme la carte de collection sont rendues par le même moteur. La poche, l’éditeur de planète, la carte de collection et le processus d’enregistrement ont eux aussi été entièrement développés en interne.
Comment Tripo a été utilisé
Tripo a généré le cœur du cadeau.
- Objets-souvenirs et personnages : Tripo a produit les images de conception et les modèles GLB très détaillés de tous les objets-souvenirs phares et des deux personnages, comme le téléviseur « Moonlit TV », pièce maîtresse de la boutique, qui compte environ 110 000 triangles. Ce sont les cadeaux que les joueurs ramassent dans les boutiques et placent sur la planète.
- Pipeline « image d’abord » : la version locale exécute tout le flux de l’API Tripo, en générant d’abord une image de conception et en ne créant le modèle 3D qu’une fois celle-ci validée par l’utilisateur. Au moment de la soumission du projet, cet accès n’était pas encore ouvert dans la version en ligne.
- Une boucle complète : les modèles de Tripo s’intègrent à la rue Three.js et au moteur de mini-planète conçus par l’équipe, de la génération et de la validation jusqu’à l’exploration, au ramassage, au placement sur la planète, à la création de la carte de collection et à l’export d’un modèle que vous pouvez conserver. Chaque pièce se joue, se collectionne et s’offre.
