Labo 3D

Deux scènes 3D, écrites à la main avec Three.js.

Pas de moteur de jeu, pas de modèle téléchargé : des sphères, des cônes, du code et beaucoup de maths de lycée. J'ai enseigné les maths et la physique avant de coder, et ces deux scènes sont mon terrain de jeu.

Les scènes.

Rien ne se charge tant que tu ne cliques pas. Une seule scène tourne à la fois : en lancer une arrête l'autre.

Deux chats sous la lune dans une forêt d'hiver, l'un rougeoyant comme une braise, l'autre bleu comme la glace

Feu & Glace

Deux chats sous la lune, l'un de feu, l'autre de glace, et chacun porte le cœur de l'autre.

Touche leur cœur et regarde-les se répondre, ou lance le film de leur nuit, avec lucioles et hibou.

Shaders, bloom, brouillard qui se lève à l'aube, et un vrai ronronnement quand ils sont tendres.

Ouvrir en plein écran
Un chat roux tigré perché au sommet d'un sapin de Noël illuminé, à la place de l'étoile

Le Chat Étoile

Une carte de Noël en 3D : le chat a décidé que l'étoile du sapin, c'était lui. Secoue l'arbre, les boules tombent.

Personnalise-la à ton nom et aux couleurs de ton propre chat, à partir de sa photo.

Le lien partagé recrée la même carte chez la personne qui la reçoit, sans compte ni serveur.

Ouvrir en plein écran

Les maths derrière.

Chaque effet de ces scènes tient en quelques lignes de maths. Je les ai racontées une par une dans un cours gratuit de sept leçons, chacune avec sa démo à manipuler.

Côté performance : la page que tu lis ne contient aucune 3D. Une scène pèse entre 300 et 700 Ko, Three.js et le son compris, et ne se télécharge qu'au clic. Elle tourne sur la carte graphique de ton appareil : sur un vieux téléphone, le ventilateur peut s'emballer, et la scène se met en pause dès que tu changes d'onglet.