Boing

• La page web est un service interactif simple qui enregistre le nombre de « boing » à chaque fois que l’utilisateur effectue l’action de tirer puis de relâcher, à la souris, la balle attachée au ressort.
• La balle et le ressort se déplacent de façon physique selon l’angle.
• Le nombre actuel d’utilisations par utilisateur est affiché avec la phrase « you've boinged 0 times ».
• Le nombre total de boing cumulés au niveau mondial est également affiché.
• Il s’agit d’un projet de type expérimentation web participative avec une interface minimale.

[GN⁺]

Commentaires sur Hacker News

• J’adore vraiment ça. J’ai utilisé un petit code de triche pour faire bouger automatiquement la souris

  • J’attends le jour où quelqu’un écrira un code pour recréer la Marche impériale de Star Wars avec ça (lien YouTube)
  • On peut l’essayer directement sur boing.playcode.io
  • En fait, pas besoin de bouger la souris, il suffit de faire un clic légèrement décentré à l’intérieur de la balle
  • J’ai failli abandonner, mais j’ai finalement terminé un script de lecture de gamme. Il joue automatiquement en tirant et relâchant le ressort selon chaque note
  • C’était tellement drôle que ça méritait un « prends mon upvote »

• Ce qui est amusant, c’est que le fait que ce ne soit pas une simulation physique parfaite le rend au contraire plus réaliste
  Si c’était implémenté avec une loi de Hooke parfaite, ça paraîtrait trop raide et artificiel, alors qu’un peu de souplesse et d’amortissement le rend plus naturel. Une sorte de « maladresse contrôlée »

  • « Physique parfaite », ce n’est pas censé vouloir dire une reproduction parfaite du réel ? Je ne comprends pas si ça veut dire que la loi de Hooke est irréaliste, ou que c’est le simulateur de ressort réel qui le serait
  • Le vieux jeu Elasto Mania poussait ce principe à l’extrême. Grâce à la physique exagérée de la moto, on pouvait faire des figures bizarres mais géniales (elastomania.com)
  • La loi de Hooke n’est qu’un modèle de ressort idéal ; dans la réalité, un ressort a de l’amortissement et des frottements. Un modèle plus réaliste est le modèle masse-ressort-amortisseur avec un terme d’amortissement ajouté (lien Wikipedia)
  • La loi de Hooke ne considère que la force exercée par le ressort et ignore la répartition de masse du ressort lui-même ainsi que les variations de quantité de mouvement. Le monde réel est bien plus complexe, donc la loi de Hooke n’est qu’une approximation de premier ordre
  • C’était pareil pour les anciens jeux de plateforme : utiliser un vrai moteur physique rendait souvent le contrôle moins agréable

• Quand un ami a eu un bébé il y a quelque temps, il y avait tellement de jouets que le salon ressemblait à un parcours d’obstacles. Mais au final, l’enfant jouait surtout avec le ressort de porte. Il y avait quelque chose d’étrangement apaisant dans le fait de tripoter ce simple ressort

• Enfin ! Il est temps de s’en servir pour recréer une vidéo de mème classique (lien YouTube Shorts)

  • Moi, je pensais à cette vidéo-là (autre lien Shorts)
  • Ou peut-être cette version (lien YouTube)

• Ce genre de chose rappelle pourquoi les anciens web toys si simples étaient aussi satisfaisants
  Pas de connexion, pas d’onboarding, pas de « passez à la version pro » : juste un pur jouet qui fait très bien une seule chose.
  Il y a bien un compteur mondial, mais sans gamification excessive, ce qui garde l’ensemble propre

• Quelqu’un a proposé : « Et si on en faisait une fonction sociale ? » Par exemple, envoyer le “Boing” que j’ai créé à ma sœur pour qu’elle juge mes talents

  • Un « dernier Boing envoyé » ? Un « Boing en lecture en boucle » ? Je me dis que ça pourrait se faire comme ça. J’y réfléchis sérieusement :-)

• Si c’était Elon Musk, il dirait probablement : « Ceci est une version alpha précoce du simulateur du monde, et dans un an il prédira parfaitement la météo et le marché boursier »

• Je me demandais s’il y avait l’intention de publier le code non minifié. J’aurais aimé le lire, mais il était obfusqué, ce qui était un peu dommage. À première vue, ça semble reposer sur howler.js, et la logique principale se trouve en bas du template mobile

  • Bien sûr que oui ! Dépôt GitHub
  • Pourquoi ne pas essayer un unminifier en ligne ? (unminify2.com)
  • À voir la structure, on dirait une simulation de ressort à amortissement exponentiel implémentée avec requestAnimationFrame. Il y a aussi une version faite par l’IA (lien jsfiddle)

• J’aimerais aussi voir une version qui simule ça avec précision, dans un style proche de engine-sim.parts

• Ce serait bien d’avoir un compteur total de Boing créés par les gens du monde entier

  • Bonne idée, donc j’ai immédiatement ajouté un compteur mondial de Boing
  • Ce serait amusant d’y ajouter aussi une heatmap des Boing