Connexion
Abonnez-vous

#LIDD CSS Clicker, le jeu incrémental qui n’aimait pas JavaScript

Le 10 avril à 15h49

Avec un site mis en ligne un 1er avril, on aurait pu croire à une blague. Mais non, CSS Clicker est parfaitement fonctionnel, et se propose de vous faire perdre votre temps, oui, mais sans recourir à JavaScript !

Le principe ? CSS Clicker est ce que l'on appelle un jeu incrémental : un compteur tourne et l'on peut contribuer à accélérer sa rotation en cliquant, cliquant, cliquant. Le fait d'atteindre des paliers débloque des options qui, ici, permettent de construire pas à pas un véritable site Web.

Glisser déposer, lecteur audio, édition en direct, menus d'options... tout est écrit en HTML et CSS !

Design, navigation, livre d'or, intertitres, logos vintage, tous les éléments sont réunis pour créer un ensemble de pages relativement abouti, avec même quelques widgets venus d'un autre temps, comme un lecteur Winamp intégré (et fonctionnel).

Le concept, popularisé par des jeux tels que Cookie Clicker, ou la célèbre usine à trombone, se double ici d'un tour de force technique : comme son nom l'indique, CSS Clicker ne s'appuie que sur des feuilles de style (CSS) pour toutes ses interactions, or celles-ci sont nombreuses !

« C'est un jeu purement CSS, ce qui signifie qu'il n'exécute ni JavaScript ni code côté serveur », précise Rebane2001, qui signe le jeu. « Je voulais créer quelque chose en CSS qui ressemble à un jeu complet, voilà le résultat. De plus, je déteste quand les gens insistent sur le fait que HTML/CSS ne sont pas des langages de programmation, car c'est souvent fait pour dévaloriser certains groupes de personnes », détaille la FAQ.

Le projet est hébergé sur Github. Et le jeu est à découvrir via ce lien.

Dans la série Les lecteurs de Next ont du talent... crédit @Fdorin

Le 10 avril à 15h49

Commentaires (8)

votre avatar
Y'a des gens qui aiment se tordre le cerveau à un niveau hallucinant !
votre avatar
Quand on voit les dinguerie faites en full css sur codepen ça ne m'étonne même pas.
Et le html c'est juste une "div" :fume:
votre avatar
Sympa ce clicker :mrgreen:
votre avatar
Bonjour,

Ce message afin de me plaindre d'avoir été diverti. C'est honteux.

Cordialement,
votre avatar
J'ai seulement perdu 10 minutes de ma vie, alors que j'ai du perdre plusieurs de mes vies (si on compte mes clones et mes multiples itérations présentes dans le cookieverse) sur Cookie Clicker.

Je vous laisse, les wrinklers s'approchent à nouveau.
votre avatar
Je ne sais pas si c'est spécifique à moi, mais la page sature mon Firefox et mon proc.
votre avatar
Mon laptop s'est mis en mode décollage au bout d'un moment 😁
votre avatar
Ça fait chauffer le CPU au bout d'un moment, mais j'ai pu aller jusqu'au bout sans souci.

#LIDD CSS Clicker, le jeu incrémental qui n’aimait pas JavaScript

Fermer