Retour

Heart Island

Une petite île qui change avec votre humeur : écrivez ou dites chaque jour ce que vous ressentez, une IA répond ligne par ligne, et la météo, la mer et les plantes de l’île évoluent au gré de vos émotions. Revenez plus tard pour voir le chemin parcouru.

Auteur: 云上码术
Heart Island

Description

Heart Island est une petite île faite pour vos émotions. Le projet est né de quelque chose de personnel : quand ils ont le moral en berne, beaucoup de gens ouvrent une fenêtre de discussion, tapent un long message, puis l’effacent lettre par lettre. Ce n’est pas qu’ils n’ont rien à dire ; ils ne savent pas à qui le dire, et ne veulent déranger personne. Heart Island veut saisir ce moment et offrir aux sentiments un lieu où rien n’a besoin d’être expliqué ni joué. Le projet s’adresse à tous ceux qui cherchent un endroit doux où déposer leurs sentiments, surtout pendant les heures d’insomnie de la nuit, quand il n’y a personne à qui parler.

L’expérience se déroule en trois temps :

  • Consigner : notez chaque jour votre humeur, par écrit ou à la voix. L’IA accueille ce que vous dites, et sa réponse arrive en flux, ligne par ligne, comme si quelqu’un vous avait vraiment écouté jusqu’au bout.
  • Voir : vos émotions deviennent le paysage de l’île, dont la météo, la mer et les plantes changent avec votre humeur. Quand vous êtes de bonne humeur, le ciel de l’île s’éclaircit ; quand il pleut en vous, il pleut aussi sur l’île.
  • Regarder en arrière : revenez après un moment, et l’île se souvient du chemin que vous avez parcouru. Une courbe d’humeur et des résumés de chaque étape rédigés par l’IA vous montrent comment vous avez traversé cette période.

Sur l’île, vous êtes un voyageur qui peut marcher, explorer, pêcher, conduire et lâcher des lanternes célestes. Ce que vous consignez n’est pas seulement du texte : c’est une île qui grandit lentement.

Côté technique, le front-end utilise React, TypeScript et Framer Motion avec une scène 3D en Three.js, les réponses de l’IA sont diffusées en streaming via WebSocket, et un backend Python gère l’analyse des sentiments et la génération. Le terrain, les bâtiments du village, les plantes et les props ont été modélisés de manière procédurale dans Blender, et le voyageur a été généré avec Tripo. L’auteur ne voit pas Heart Island comme un outil. C’est plutôt un cadeau pour quiconque a tout tapé tard dans la nuit avant de tout effacer, une façon de dire : vos sentiments méritent un endroit où se reposer.

Comment Tripo a été utilisé

Tripo a généré le protagoniste de Heart Island, le voyageur qui représente le joueur. Marcher, explorer, pêcher, conduire et lâcher des lanternes célestes : tout passe par ce personnage.

  • Le point de départ du pipeline de personnage : le voyageur est né d’un design de personnage 2D original, que Tripo a transformé en un personnage 3D complet d’environ 20 000 faces.
  • La suite : les proportions ont été vérifiées dans Blender segment par segment (pieds, jambes, torse, tête), des animations de motion capture CMU ont été ajoutées, et le personnage est piloté en temps réel dans Three.js, courant, sautant, lançant sa ligne et lâchant des lanternes sur l’île.
  • Son poids dans l’œuvre : une grande partie de ce que les joueurs ressentent pour l’île se porte sur cette figure. Selon les mots de l’auteur, Tripo a comblé le fossé le plus difficile à franchir pour un développeur indépendant : la modélisation de personnages.

Bande-annonce