Boing

• La página web registra la cantidad de boing cada vez que el usuario realiza la acción de agarrar la pelota acoplada a un resorte y soltarla.
• La pelota y el resorte se mueven físicamente de acuerdo con el ángulo.
• De forma individual, muestra el conteo actual a través de la frase “you've boinged 0 times”.
• También muestra el total global acumulado de boings.
• Es un proyecto con interfaz mínima y carácter de experimento web participativo

[GN⁺]

Opiniones en Hacker News

• Esto me encanta. Usé un pequeño código trampa para mover el mouse automáticamente

  • Estoy esperando el día en que alguien escriba código para recrear la Marcha Imperial de Star Wars con esto (enlace de YouTube)
  • Se puede probar directamente en boing.playcode.io
  • En realidad no hace falta mover el mouse; basta con hacer un clic un poco descentrado dentro de la pelota
  • Casi me rendí, pero al final terminé un script para reproducir escalas. Logré la reproducción automática tirando y soltando el resorte según cada nota
  • Fue tan gracioso que ameritaba un “toma tu upvote”

• Lo curioso es que, precisamente porque no es una simulación física perfecta, se siente más realista
  Si se implementa con la ley de Hooke perfecta, se ve demasiado rígido y falso; en cambio, si se le agrega un poco de holgura y amortiguación, se vuelve más natural. Es una especie de ‘torpeza controlada’

  • ¿“Física perfecta” no significaría modelar la realidad perfectamente? No me queda claro si se está diciendo que la ley de Hooke es poco realista o que un simulador de resortes realista resultaría poco convincente
  • El viejo juego Elasto Mania explotó este principio al extremo. Gracias a la física exagerada de la motocicleta, se podían hacer acrobacias rarísimas pero geniales (elastomania.com)
  • La ley de Hooke es solo un modelo de resorte ideal; los resortes reales tienen amortiguación y fricción. Un modelo más realista es el modelo masa-resorte-amortiguador con un término de amortiguación añadido (enlace de Wikipedia)
  • La ley de Hooke solo considera la fuerza que ejerce el resorte, e ignora la distribución de masa del propio resorte y los cambios de momento. El mundo real es mucho más complejo, así que la ley de Hooke no pasa de ser una aproximación de primer orden
  • A los viejos juegos de plataformas les pasaba lo mismo: si usaban un motor de física realista, la sensación de control empeoraba

• Hace tiempo, cuando un amigo tuvo un bebé, había tantos juguetes que la sala parecía una pista de obstáculos. Pero al final el niño solo jugaba con el resorte de la puerta. Había algo extrañamente reconfortante en estarlo manipulando

• ¡Por fin llegó! Ahora es momento de recrear con esto un video de meme clásico (enlace a YouTube Shorts)

  • Yo pensé que sería este video (otro enlace a Shorts)
  • O tal vez esta versión (enlace de YouTube)

• Ver cosas así me recuerda por qué los web toys simples de antes eran tan satisfactorios
  Sin login, sin onboarding, sin “actualiza a pro”; solo un juguete puro que hace una sola cosa bien.
  Tiene un contador global, pero sigue viéndose limpio, sin gamificación excesiva

• Hubo una sugerencia de “¿y si esto se convirtiera en una función social?”. Por ejemplo, enviarle el ‘Boing’ que hice a mi hermana para que evalúe mi técnica

  • Algo como “¿tu último Boing enviado”? “¿tu Boing en repetición”? Me da la impresión de que se podría implementar así. Lo estoy considerando en serio :-)

• Si fuera Elon Musk, probablemente diría: “esta es una versión alfa temprana del simulador del mundo y en un año predecirá perfectamente el clima y la bolsa”

• Me preguntaba si había planes de publicar el código sin comprimir. Quería leerlo, pero estaba ofuscado y fue una lástima. Por encima, parece estar basado en howler.js, y la lógica principal está en la parte inferior de la plantilla móvil

  • ¡Claro que sí! Repositorio en GitHub
  • ¿Qué tal probar con un unminifier en línea? (unminify2.com)
  • Por la estructura, parece una simulación de resorte basada en decaimiento exponencial implementada con requestAnimationFrame. También hay una versión hecha por IA (enlace de jsfiddle)

• También me gustaría ver una versión simulada con precisión. Algo al estilo de engine-sim.parts

• Estaría bueno que hubiera un contador total mundial de Boings hechos por personas de todo el mundo

  • La idea me gustó tanto que implementé de inmediato un contador mundial de Boings
  • También estaría divertido agregar un mapa de calor de Boings