Git City : vos commits GitHub intègrent une ville 3D en pixel art

SimCity, version git push — On connaît tous l'obsession collective des petits carrés verts quand il est question de voir qui a le plus gros GitHub.

Ce petit damier de contributions sur votre profil, capable de transformer n'importe quel dev raisonnable en maniaque du commit quotidien (même quand ledit commit n'est en réalité qu'un simple fix de typo dans votre README 👀).

Le projet Git City de Samuel Rizzon pousse le concept un cran plus loin : vos contributions ne sont plus un tableau aplati tout triste, mais s'incrustent dans une gigantesque ville en pixel art 3D, aux côtés de ceux des autres développeurs.

Gratte-ciel et gratte-commits

Le principe est simple : vous entrez votre pseudo GitHub, et Git City génère un bâtiment en pixel art isométrique basé sur votre profil.

Vos contributions déterminent la hauteur : plus vous commitez, plus votre immeuble monte (CMB). Le nombre de repos publics fixe la largeur de la base, et vos étoiles GitHub allument les fenêtres (cébô). Un profil hyperactif produit ainsi un gratte-ciel rutilant. Un profil fantôme, un cabanon sans électricité pas trop ouf.

Le rendu 3D tourne sur Three.js avec un système de Level of Detail (les bâtiments proches sont détaillés, ceux au loin simplifiés) pour que votre navigateur ne prenne pas feu spontanément.

Git au-dessus d'un nid de repos

Afficher un bâtiment, c'est bien. Le survoler, c'est mieux. Git City intègre un mode vol libre (avec un petit avion) qui permet de naviguer entre les buildings des autres développeurs.

Le projet propose aussi un système d'achievements qui récompense les profils les plus actifs, et une boutique de personnalisation pour votre immeuble (couronnes, auras, effets de toit).

Git City intègre même une dimension sociale : kudos entre développeurs, comparaison de profils côte à côte, et cartes à partager au format story.

Le concept n'est pas sans rappeler GitHub Skyline, lancé en 2021, qui transformait déjà les contributions en barres 3D imprimables — le site a depuis fermé ses portes, même si une extension CLI permet toujours de générer ses fichiers STL — mais il s'agissait d'une maquette figée, pas d'une ville à explorer. Git City reprend l'idée en la poussant plus loin.

Depuis son lancement en février, le repo a accumulé près de 5 000 étoiles sur GitHub (le building du développeur doit être plutôt sympa). Le projet est sous licence AGPL-3.0, construit sur Next.js 16 et Supabase, et hébergé sur Vercel.

Dernier détail : vous pouvez entrer n'importe quel pseudo GitHub. Comme par exemple celui de ce collègue relou qui jure qu'il code tous les soirs, mais dont le building pourrait étrangement ressembler à un parking de plain-pied.