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 […]
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
Un titre qui fait tout le temps la largeur de la page. sur toutes les tailles d’écran avec une technique simple de css où l’on choisi la taille du titre en vw (viewport) Voir codepen
Ca fait du bien de rallumer la radio. surtout quand tu sais que des personnes prennent le temps de peaufiner des playlists pour quelles jouent 24h sur 24h. Octave Radio est un site de création de radios pour des lieux, restaurants, boutiques, piscines… J’ai réalisé un lecteur qui pourrait nous faire penser à la forme […]
