Boing

• A página web registra cada vez que o usuário faz a ação de puxar e soltar uma bola presa em uma mola com o mouse como uma contagem de “boing”
• A bola e a mola se movem fisicamente conforme o ângulo
• A contagem atual do usuário é exibida com a frase “you've boinged 0 times”
• O número total de boings acumulado globalmente também é mostrado
• O projeto tem um viés de experimento web interativo com uma interface mínima

[GN⁺]

Comentários no Hacker News

• Gostei muito disso. Até usei um pequeno código de trapaça para mover o mouse automaticamente

  • Estou esperando o dia em que alguém escreva um código para recriar a Marcha Imperial de Star Wars com isso (link do YouTube)
  • Dá para testar você mesmo em boing.playcode.io
  • Na verdade nem precisa mover o mouse, basta dar um clique levemente fora do centro dentro da bola
  • Quase desisti, mas no fim consegui completar um script de reprodução de notas. Fiz a execução automática puxando e soltando a mola de acordo com cada nota
  • Foi tão engraçado que mereceu um “toma meu upvote”

• O engraçado é que, justamente por não ser uma simulação física perfeita, isso acaba parecendo mais realista
  Se fosse implementado com a lei de Hooke perfeita, ficaria rígido demais e com cara de falso; quando se adiciona um pouco de folga e amortecimento, o resultado fica mais natural. É uma espécie de “imperfeição controlada”

  • “Física perfeita” não deveria significar modelar a realidade perfeitamente? Fiquei confuso se a ideia é que a lei de Hooke é irrealista, ou se um simulador de mola real é que seria irrealista
  • O antigo jogo Elasto Mania explorava esse princípio ao extremo. Graças à física exagerada da moto, dava para fazer manobras bizarras, mas incríveis (elastomania.com)
  • A lei de Hooke é apenas um modelo ideal de mola; molas reais têm amortecimento e atrito. Um modelo mais realista é o modelo massa-mola-amortecedor, que adiciona um termo de amortecimento (link da Wikipedia)
  • A lei de Hooke considera apenas a força exercida pela mola e ignora a distribuição de massa da própria mola e as mudanças de momento. O mundo real é muito mais complexo, então a lei de Hooke é apenas uma aproximação de primeira ordem
  • Os antigos jogos de plataforma também eram assim: quando usavam uma engine de física de verdade, a jogabilidade até piorava

• Quando um amigo meu teve um bebê, a sala de estar ficou parecendo uma pista de obstáculos de tanto brinquedo. Mas no fim a criança só brincava com a mola da porta. Mexer naquela mola simples tinha um efeito estranhamente terapêutico

• Finalmente saiu! Agora é hora de recriar com isso um vídeo de meme clássico (link do YouTube Shorts)

  • Achei que seria este vídeo (outro link de Shorts)
  • Ou talvez esta versão (link do YouTube)

• Ver isso me faz lembrar por que os brinquedos web simples de antigamente eram tão satisfatórios
  Sem login, sem onboarding, sem “faça upgrade para o Pro”, era só um brinquedo puro que fazia muito bem uma única coisa.
  Tem até um contador global, mas continua limpo, sem gamificação excessiva

• Houve a sugestão: “e se isso virasse um recurso social?” Por exemplo, eu poderia mandar o ‘Boing’ que fiz para a minha irmã e pedir que ela avaliasse minha habilidade

  • “Último Boing enviado”? “Boing em loop”? Acho que daria para implementar algo assim. Estou considerando seriamente :-)

• Se fosse o Elon Musk, provavelmente diria: “isto é uma versão alfa inicial do simulador do mundo e, dentro de um ano, preverá perfeitamente o clima e o mercado de ações”

• Fiquei curioso se havia planos de divulgar o código não compactado. Queria ler o código, mas foi uma pena vê-lo ofuscado. Pelo que percebi por alto, ele é baseado em howler.js, e a lógica principal fica na parte de baixo do template mobile

  • Claro que sim! Repositório no GitHub
  • Que tal passar isso por um desminificador online? (unminify2.com)
  • Pela estrutura, parece ser uma simulação de mola com decaimento exponencial implementada com requestAnimationFrame. Também existe uma versão feita por IA (link do jsfiddle)

• Também gostaria de ver uma versão simulada com precisão disso, em um estilo parecido com engine-sim.parts

• Seria legal se existisse um contador total de Boings feitos por pessoas do mundo todo

  • A ideia era boa, então implementei na hora um contador mundial de Boings
  • Também seria divertido adicionar um mapa de calor de Boings