Site personnel
Ce portfolio
Un site statique qui s'ouvre sur une animation de moi en style anime, dessinée à partir d'une vraie capture de mouvement.
En cours
15 dessins, animés en code
2 langues
0 framework, cookie ou requête vers un tiers
Le site que vous lisez. L'intro est un vrai mouvement : un geste tiré de la base de capture de mouvement de l'université Carnegie Mellon, redessiné en 15 images avec ChatGPT dans le style d'un anime d'action, puis animé en code, sans vidéo. Les deux parcours, Run SAP et Produits web, se lisent ensuite comme des chapitres de manga.
Outils : HTML, CSS, JavaScript, Node.js, ChatGPT pour les dessins, Claude Code.
L'intro : il attrape la fenêtre de chargement et la jette hors de l'écran
L'intro
- Un geste choisi dans une vraie capture de mouvement, calé image par image sur un mannequin 3D.
- 15 dessins en couleurs, fidèles à la même planche de personnage ; le trait de chargement suit le vrai chargement des images.
- Une lecture par chargement de page, que l'on peut passer au clavier, immobile si l'appareil demande moins d'animations.
Les chapitres
- Run SAP : une nuit de run en cinq cases, trois dessins et deux écrans en HTML.
- Produits web : une case par projet, la taille suit le rang, lignes de concentration tracées par le code.
- Chaque case s'encre à son entrée à l'écran, les bruitages japonais sont tamponnés.
Sous le capot
- HTML, CSS et JavaScript sans framework, générés par un script Node depuis les fichiers de contenu du site et du CV, en français et en anglais.
- Dessins en AVIF avec WebP de secours, les autres images en WebP ; polices hébergées sur le site, réduites aux signes utiles.
- Le contenu SAP vient du même fichier que le CV.