Retour au portfolio

Pod

Un lecteur musical construit en CSS/JS pur, hommage à la molette cliquable de l'iPod. Fais glisser ton doigt (ou ta souris) autour de la molette pour naviguer, clique au centre pour sélectionner.

iPod
MENU

MENU pour revenir en arrière · glisse la molette pour naviguer/régler le volume · clique au centre pour sélectionner

Sous le capot

Recréer la molette cliquable de l'iPod en CSS/JS pur, sans canvas ni librairie : il fallait calculer l'angle du pointeur par rapport au centre de la molette pour distinguer un geste de glissement (scroll) d'un simple tap sur une zone.

Le calcul repose sur Math.atan2 pour obtenir l'angle du pointeur, converti en degrés puis découpé en zones (menu, lecture, suivant, précédent), avec une détection du sens de rotation pour le défilement.