Une ville 3D explorable où chaque maison est un projet : déplacez-vous avec WASD, glissez pour regarder autour, cycle jour/nuit, brouillard et bloom, et une séquence d'introduction en vol. Chaque devanture arbore la capture d'écran d'un projet — touchez une maison pour ouvrir son aperçu. Développée de zéro avec three.js : une scène WebGL unique, une géométrie habillée de captures d'écran, des textures de devanture légères en 512 px, et un mode visite guidée.
Stack technique
- Three.js
- WebGL
- Next.js
- React
- JavaScript
Plus de projets
Jordan in Space (Scroll-Flight Portfolio)
Un portfolio qu'on ne lit pas — on le traverse en vol. On défile et une fusée décolle de la Terre, se faufile entre les planètes, orbite autour d'un anneau de mes projets, puis fonce en kamikaze dans le soleil. De vraies textures NASA + Solar System Scope, une nébuleuse et un HUD procéduraux, et un travelling caméra piloté au défilement à 60 i/s dans le navigateur. Développé de zéro avec React Three Fiber + Next.js, à partir d'un concept open-source réinventé à ma sauce.
Fashnable
Essayage virtuel par IA pour les boutiques en ligne : déposez une photo de vêtement à plat et obtenez une vidéo réaliste d'un mannequin IA portant l'article. L'application génère un visuel sur mannequin — avec choix du genre, de l'âge, de la morphologie, de l'origine et du décor, plus des références optionnelles de visage et d'arrière-plan — puis l'anime, remplaçant des séances photo coûteuses. Conçu comme un SaaS complet : authentification sur invitation, système de crédits, génération asynchrone via Cloud Tasks, stockage durable Firestore + Cloud Storage, et facturation Lemon Squeezy (packs de crédits et abonnements).
AutoCut
Éditeur vidéo IA pour les vidéos face caméra : déposez une vidéo brute et faites-la passer par six étapes, chacune avec une validation humaine, jusqu'à une vidéo finie avec sous-titres stylisés et plans de coupe. WhisperX la transcrit avec un minutage au mot près dans une transcription modifiable, exportable en .txt, les silences peuvent être coupés automatiquement, et les sous-titres existent en quatre styles (Classic, MrBeast, Hormozi, Clean) avec un mode karaoké optionnel qui fait ressortir chaque mot au moment où il est prononcé. Claude lit la transcription et le contexte du projet, choisit les mots à mettre en valeur et prévoit un plan de coupe toutes les 5 à 8 secondes, avec vos propres images de référence quand elles collent et des images générées par Flux sinon, et chaque plan s'ajuste avec une simple consigne écrite. FFmpeg assemble le rendu final. Hébergé sur Cloud Run derrière une connexion Firebase sur invitation, avec upload direct du navigateur vers Cloud Storage, les clés API de chaque utilisateur mémorisées dans Firestore et un historique des coûts par session. Né d'un fork du projet open-source ButterCut.