3D Objects avec Lettres

Un outil interactif qui affiche des formes 3D tournantes recouvertes de carrés avec des lettres. La taille des carrés varie selon leur distance à la caméra, créant un effet de profondeur visuel.

Fonctionnalités

• Formes 3D : Sphère, Cube, Tore
• Rotation automatique : Les objets tournent en continu
• Effet de profondeur : Les carrés proches sont plus grands, les carrés lointains sont plus petits
• Lettres personnalisables : Choisissez la lettre affichée dans chaque carré
• Contrôles interactifs :
  • Sélection de la forme
  • Choix de la lettre
  • Vitesse de rotation
  • Taille des carrés

Utilisation

1. Ouvrez index.html dans un navigateur moderne (Chrome, Firefox, Safari, Edge)
2. Utilisez les contrôles à gauche pour :
   • Changer la forme (Sphère, Cube, Tore)
   • Modifier la lettre affichée
   • Ajuster la vitesse de rotation
   • Ajuster la taille globale des carrés

Technologies

• Three.js : Bibliothèque 3D pour le web
• WebGL : Rendu graphique accéléré
• HTML5 Canvas : Génération des textures avec lettres

Comment ça marche

L'application utilise des sprites 2D (carrés avec lettres) positionnés sur la surface de la forme 3D. Chaque sprite :

• Est toujours orienté face à la caméra (pas de perspective)
• A une taille qui varie selon sa distance à la caméra
• Contient une lettre dont la taille est proportionnelle au carré

L'effet de profondeur est créé en calculant la distance de chaque sprite à la caméra et en ajustant sa taille en conséquence.