Des « exercices » ou « web experiments » que je mets en place pour tester de nouvelles méthodes ou implementations web. Du jeu web au animation css. Teste tout ça.
121 billes qui réagissent au curseur. L’idée de cette expérimentation, c’est de créer quelque chose d’interactif et fun : tu passes ta souris, les billes s’attirent. Tu touches l’écran sur mobile, elles convergent vers ton doigt. Tu laches, elles reviennent en place avec un petit rebond. Simple, direct, mais ça marche bien. Le code derrière […]
Pour tester three.js et ces possibilité j’ai voulu faire un mini jeu RTS isometrique de village builder en une journée sans de prise de tête, juste un prétexte pour explorer les mécaniques de base : récolte de ressources, construction, pathfinding et voir comment Three.js gère tout ça dans nos navigateurs. Comment ca marche ? Tout […]
L’effet « trail » est une autre tendance du développement web qui, bien que techniquement complexe, apporte une dimension interactive aux sites. J’ai voulu l’explorer en créant une grille interactive où des images suivent votre curseur ou votre doigt, formant une traînée visuelle captivante. Ce que vous voyez en haut de page c’est une grille ou chaque cellule […]
l’ASCII est une trend du développement web, bien qu’il s’agisse d’une techno ancienne. Cette tendance invite tous les dev à explorer de nouvelles façons de jouer avec les codes et les conversions ASCII, ce qui est particulièrement intéressant pour comprendre l’utilisation de la caméra et des filtres avancés dans les applications web. Chaque développeur, dont […]
Aujourd’hui on m’a envoyé le super real d’un livre de code (un peu) vintage. Il combine mathématique et code, donne des formes et paternes plus qu’interessant, et surtout, il à été rédigé avant ma naissance !!!!! Welcome dans le monde de Jean-Paul Delahaye avec les « Nouveaux dessins géométriques et artistiques avec votre micro-ordinateur ». Allons voir […]
Pour cette rentrée 2025, j’avais envie de m’amuser avec une cover d’accueil plus fun et interactive où les cubes prennent vie? Le Cube Central, au cœur de la page, réagit à vos clics et vos mouvements de souris, explosant en confettis au clique, puis regonflant ou renaissant. Ah oui, j’ai aussi fait en sorte que […]
Le principe de ce projet est d’afficher l’image dont l’horaire déclaré est le plus proche de l’heure parmi une collection d’images représentant différents moments de la journée. L’heure tourne en temps réel et peut être décalée par pas de 1h via deux boutons, ce qui fait basculer automatiquement vers l’image la plus pertinente pour cet […]
Afficher les phases de la lune et savoir quand sera la prochaine pleine lune, grace à un calcule des phases. voir le codepen
Dans le but de crée le mouvement d’ailes au dos d’une silhouette png sur l’accueil de shine 4 women, j’ai joué avec les animations css de transform perspective. Code pen de l’experimentation: See the Pen Perspective CSS Animation by Quentin Digital (@quentindigital) on CodePen.
Exemple de page 404. Perte de signal, javascript pour imiter la perte de signal d’un moniteur télé, bruit de télé cathodique. Voir le codepen : https://codepen.io/quentindigital/pen/xxPwKOK
