Bienvenue

Cette expérience interactive utilise des animations et des effets physiques.

Temps en l'air du D : 0s

Record : 0s

DESIGN  MINIMALISTE

Cliquez sur les lettres pour activer la physique

Déplacez votre curseur pour interagir avec les éléments

Le design minimaliste privilégie la simplicité et la clarté. En éliminant les éléments superflus, nous mettons en valeur l'essentiel et créons des expériences utilisateur plus intuitives et élégantes.

Cette interaction physique est entièrement développée en JavaScript vanilla, sans dépendance externe. Le système utilise des principes de physique simplifiés pour simuler la gravité, les collisions et les forces d'inertie.

Le fonctionnement repose sur plusieurs éléments clés :

  • Un moteur de physique qui calcule les vélocités et accélérations
  • Un système de détection de collision entre le curseur et les lettres
  • Des constantes physiques comme la gravité (0.4), la friction (0.98) et l'élasticité (0.85)
  • Une boucle d'animation utilisant requestAnimationFrame() pour des performances optimales

La structure visuelle est construite en HTML5 et CSS3, tandis que toute la logique interactive est gérée par JavaScript. Cette approche permet de créer des expériences riches tout en maintenant un code propre et modulaire.