Un million de cases à cocher

 (onemillioncheckboxes.com)
4 points par GN⁺ 2024-06-27 | 1 commentaires | Partager sur WhatsApp
  • One Million Checkboxes est un site web qui transforme 1 000 000 de cases à cocher en une expérience sur un seul écran, et actuellement toutes les cases apparaissent comme cochées
  • Le message en haut, « we checked every box! », indique immédiatement que toutes les cases ont été cochées
  • Même après l’achèvement, il est possible de continuer en « jeu solo », ce qui laisse une interaction au-delà d’un simple écran de résultat
  • Le nombre de cases cochées par l’utilisateur actuel s’affiche comme « You checked 0 boxes », ce qui sépare l’état d’achèvement global de la progression personnelle
  • À l’écran, l’action Jump! et la liste des cases cochées se poursuivent, permettant de voir directement les traces de cette expérience de cases à cocher à grande échelle

État d’achèvement complet

  • One Million Checkboxes affiche 1,000,000 boxes are ✅
  • La phrase « 🎉 we checked every box! 🎉 » montre que toutes les cases à cocher sont cochées

Un jeu qui continue après l’achèvement

  • Même après que toutes les cases ont été cochées, le site indique « but you can still play alone if you'd like »
  • Le nombre de cases cochées par l’utilisateur actuel est affiché à 0 boxes

Éléments visibles à l’écran

  • La page contient le texte Jump!
  • Dans le corps de la page, des éléments de cases cochées s’affichent de façon répétée

Créateur

  • Le site est présenté comme un site web créé par eieio

À lire aussi

1 commentaires

 
GN⁺ 2024-06-27
Avis sur Hacker News

  • Du point de vue du développeur, c’est devenu bien plus populaire que prévu, donc les serveurs vont pas mal souffrir pendant un moment

    • Il y a un sérieux problème d’implémentation. Les retours à la ligne changent selon le zoom/la largeur de l’écran, donc même si j’écris un graffiti boobs, les autres ne pourront pas le lire correctement s’ils n’ont pas les mêmes points de retour à la ligne
    • Ça me rappelle beaucoup les vieux outils de défragmentation. J’ai envie de le laisser tourner en arrière-plan par nostalgie : https://www.youtube.com/watch?v=KR3TbL3Tl6M
    • Je l’ai posté sur le FediVerse et, 4 heures plus tard, il avait déjà été boosté près de 700 fois, puis il s’est retrouvé sur Reddit en moins de 2 heures. Comme tu as aussi répondu directement au post Reddit, tu dois le savoir, mais le pic de trafic initial était clairement inévitable
    • « Plus populaire que prévu » : ici, sur HN, tout le monde sait ce qui compte
    • J’ai lancé 5 serveurs de plus et poussé quelques optimisations, ça devrait aller pendant un moment

  • À la question de savoir pourquoi avoir créé « un million de cases à cocher que tout le monde peut cocher », la réponse est que l’idée est venue lors d’une conversation vendredi dernier et qu’il a eu l’impression qu’il fallait la faire. La meilleure des raisons :)

    • C’était tellement idiot qu’il fallait absolument le faire

  • Au début, je cliquais en haut, mais les gens défaisaient sans arrêt ce que je faisais. Je me demandais pourquoi on ne pouvait pas tous avancer gentiment ensemble vers l’objectif de tout cocher
    Je me suis dit qu’en descendant, il y aurait moins de bagarre ; pendant un moment j’étais seul, et même si c’était une tâche ennuyeuse et absurde, c’était paisible
    Puis j’ai croisé quelqu’un qui cochait comme moi, mais il a disparu en moins de 5 secondes ; j’ai continué à faire défiler et à cocher, puis en remontant un peu j’ai vu des cases décochées au hasard. Je n’ai vu personne les décocher, on dirait qu’il y a un fantôme qui décoche

    • Pourquoi vouloir détruire ? Moi, je ne fais que remettre les cases à cocher dans leur état naturel originel
    • Je suis allé à un endroit arbitraire tout en bas pour écrire HELLO avec des cases cochées, mais quelqu’un m’a trouvé et a tout ruiné avant même que je finisse le H. J’ai eu l’impression que ce registre artistique d’un million de cases ne pouvait que s’effondrer dans la folie
      Peu importe combien on fait défiler, il n’y a rien d’identifiable, seulement une friche dépourvue de sens. C’est juste le chaos
    • C’est presque étrange de voir à quel point ça nous renvoie un miroir : j’avais exactement la même intention et la même méthode
      Nous n’étions probablement pas les seuls. Beaucoup de gens devaient cocher consciencieusement, ligne par ligne ou selon d’autres motifs réguliers, pour apaiser le gobelin dans leur tête qui réclame de l’ordre
      Si, en arrivant sur la page, toutes les cases avaient été cochées, j’aurais ressenti un sentiment d’accomplissement et je serais reparti en laissant cet état parfait intact ; j’ai vraiment du mal à comprendre les fous qui veulent détruire cette beauté pour écrire « boobs » ;)

  • J’ai essayé $$('input[type=checkbox]').forEach(elt => elt.click()); et j’ai eu une alerte « CHILL LOL ». Site amusant

    • Maintenant, il est temps d’écrire un script Playwright
      Il suffit de lancer le navigateur avec chromium, d’ouvrir la page, de trouver tous les input[type=checkbox] et de cliquer dessus
      Cela dit, je suis un peu fier d’avoir déclenché l’alerte « CHILL » en cliquant frénétiquement au doigt, sans même lancer de script
    • Il faut envoyer directement 42["toggle... via WebSocket. Bien sûr, si on ne cherche pas à décocher mais à éviter l’inversion, il faut d’abord vérifier quelles cases sont déjà cochées
    • Je me demande s’il y a moyen de le tromper pour qu’il accepte un JavaScript qui coche toutes les cases
    • document.querySelectorAll("input[type=checkbox]").forEach(i => { i.checked = false; }); semble fonctionner brièvement, et ne déclenche pas d’alerte

  • Toutes les cases doivent être cochées. J’invite les personnes qui les décochent à y réfléchir à nouveau et à rejoindre le camp du cochage

    • Twist : pour la moitié des spectateurs, ça apparaît inversé
    • C’est à cause de l’attitude « les deux camps se valent » qu’on en est arrivés là au départ. En novembre, votez Unchecked
    • J’en ai coché 1 000, soit 0,1 %, à la main, et j’estime avoir fait ma part. Sans script, uniquement avec du travail humain/de l’algorithme humain
      Un simple script JS pourrait bien sûr aller 2 à 5 fois plus vite, mais il y a sans doute aussi une limite de débit, et je trouvais que ça n’était pas dans l’esprit de cette étrange chose
      Ça me rappelle Curiosity de Peter Molyneux : https://en.wikipedia.org/wiki/Curiosity%3A_What%27s_Inside_t...
    • Ne touchez pas à mes cases. Plus il y a de cases cochées, moins il y a de liberté ; je suis donc pour qu’une partie des cases reste décochée. Surtout si ce sont des cases qui contiennent mes affaires privées
    • J’y ai repensé, et maintenant je suis du côté du gang du décochage

  • Citations que j’ai aimées : « incroyablement satisfaisant, comme un MMO de papier bulle », « un fidget toy pour le monde entier », « excellent ! le serveur WebSocket doit faire brrr »
    https://x.com/itseieio/status/1805986839058079896

  • J’ai créé un userscript d’automatisation du cochage pour Tampermonkey. Sur https://onemillioncheckboxes.com/, il trouve toutes les cases à cocher, coche celles qui ne le sont pas, puis se relance à chaque modification du DOM avec MutationObserver

    • Honnêtement, j’ai l’impression que ça détruit le principe même du site
    • Cette méthode ne marchera probablement pas avec 1 000 000 de cases. Mieux vaut utiliser requestAnimationFrame, ou chercher uniquement celles qui ne sont pas cochées avec querySelectorAll('input[type="checkbox"]:not(:checked)'), ou éviter d’appeler checkAllCheckboxes à chaque changement
      Sinon, il suffit de les trouver une par une avec querySelector('input[type="checkbox"]:not(:checked)') et de les traiter dans une boucle du genre while(true)

  • Je pense que la grille de cases aurait dû être fixée à une certaine largeur. On voit que les gens essaient de dessiner, mais sur mon écran ça a l’air de travers

    • En tant que créateur du site, je l’ai fait exprès. Il existe déjà largement assez d’expériences de dessin collaboratif sur Internet avec un canevas fixe facile à utiliser ; j’étais curieux de voir ce qui sortirait si on essayait quelque chose d’un peu différent
      C’était peut-être une idée stupide, bien sûr, mais j’avais envie d’essayer
    • Dommage. L’énorme pénis que j’ai dessiné n’est visible correctement qu’à la largeur exacte que j’avais réglée. Je me demande combien de dessins aléatoires je rate
      Le réagencement prend aussi du temps, donc ce n’est pas facile de redimensionner la fenêtre pour voir en temps réel ce que font les gens
    • Le fait de devoir « scanner » pour reconnaître les images est plutôt amusant. Et ça veut aussi dire que l’artiste peut choisir lui-même la largeur de son œuvre
      Beaucoup de gens utilisent des largeurs d’écran similaires, donc il n’y a pas tant de combinaisons que ça

  • Super boulot. Je suis un peu jaloux, parce que j’aimerais faire ce genre d’expérience : voir combien de personnes l’utilisent et devoir la faire passer rapidement à l’échelle. Mais les conneries d’entreprise m’ont grillé le cerveau et ma créativité est à la cave
    Je me demande encore où trouver une entreprise où l’on peut travailler sans perdre 90 % de son temps en réunions et en documents
    À force de trop cliquer, au lieu de mourir silencieusement dans la douleur, voilà que tout ce que j’ai dans la tête se déverse ici :D

    • Ce sentiment est très répandu, et j’ai moi aussi commencé à écrire sur cette impression de toucher le fond
      La réponse, c’est que si ce n’est pas une réponse pour toi, alors ce n’en est simplement pas une. Les gens se divisent en deux catégories : ceux dont le travail ne prend pas possession de l’esprit, et ceux dont il prend possession. Quand c’est le cas, il devient difficile de faire autre chose sans négliger son travail
      La plupart des emplois, c’est 90 % de réunions et de documents. En gros, c’est presque la définition d’un emploi. Les startups font exception, mais elles, elles prennent clairement possession de l’esprit
      Ma créativité aussi a passé environ la dernière année à la cave. Ça arrive. Mieux vaut ne pas lutter de force et essayer d’être heureux. D’après mon expérience, c’était le seul moyen de retrouver sa créativité
    • De nos jours, ça ressemble surtout à une startup en tout début de parcours, ou carrément au fait de créer sa propre boîte dès le départ. Je suis dans la même situation, mais les projets perso m’aident à tenir
    • Pourquoi ne pas le faire toi-même ?

  • Décocher toutes ces cases est un travail que personne ne reconnaîtra