Boing

• Halaman web ini adalah layanan interaktif sederhana yang mencatat jumlah ‘boing’ setiap kali pengguna melakukan aksi menarik lalu melepaskan bola yang terpasang pada pegas dengan mouse
• Bola dan pegas bergerak secara fisik sesuai sudutnya
• Untuk tiap pengguna, jumlah penggunaan saat ini ditampilkan melalui kalimat “you've boinged 0 times”
• Total jumlah boing yang terakumulasi secara global juga ditampilkan bersama
• Dengan antarmuka seminimal mungkin, proyek ini memiliki karakter sebagai eksperimen web partisipatif

[GN⁺]

Komentar Hacker News

• Aku benar-benar suka ini. Aku pakai sedikit cheat code agar mouse bergerak otomatis

  • Aku menunggu hari ketika seseorang menulis kode untuk merekreasikan Star Wars Imperial March dengan ini (tautan YouTube)
  • Bisa langsung dicoba di boing.playcode.io
  • Sebenarnya tidak perlu menggerakkan mouse; cukup lakukan klik agak off-center di dalam bola
  • Aku hampir menyerah, tapi akhirnya berhasil menyelesaikan skrip pemutar tangga nada. Permainan otomatis dibuat dengan cara menarik dan melepas pegas sesuai tiap nada
  • Sampai memunculkan reaksi seperti, “ambil saja upvote-ku”

• Yang menarik, justru karena ini bukan simulasi fisika yang sempurna, rasanya malah lebih realistis
  Kalau dibuat dengan hukum Hooke yang sempurna, hasilnya terasa terlalu kaku dan palsu, sedangkan dengan sedikit kelonggaran dan redaman hasilnya jadi lebih alami. Semacam ‘ketidaksempurnaan yang terkontrol’

  • Bukankah “fisika sempurna” berarti meniru kenyataan dengan sempurna? Aku agak bingung apakah maksudnya hukum Hooke itu tidak realistis, atau simulator pegas dunia nyata justru tidak realistis
  • Game lama Elasto Mania memanfaatkan prinsip ini secara ekstrem. Berkat fisika motornya yang dilebih-lebihkan, pemain bisa melakukan stunt yang aneh tapi keren (elastomania.com)
  • Hukum Hooke hanyalah model pegas ideal; pegas nyata memiliki redaman dan gesekan. Model yang lebih realistis adalah model massa-pegas-redaman yang menambahkan suku redaman (tautan Wikipedia)
  • Hukum Hooke hanya mempertimbangkan gaya yang diberikan pegas, dan mengabaikan distribusi massa pegas itu sendiri maupun perubahan momentumnya. Dunia nyata jauh lebih kompleks, jadi hukum Hooke hanyalah aproksimasi orde pertama
  • Game platformer zaman dulu juga serupa; kalau memakai mesin fisika sungguhan, rasa kontrolnya justru memburuk

• Dulu saat seorang teman punya bayi, mainannya begitu banyak sampai ruang tamunya terasa seperti lintasan rintangan. Tapi pada akhirnya si anak cuma bermain dengan pegas pintu. Ada sesuatu yang anehnya terasa menenangkan saat memainkan pegas sederhana itu

• Akhirnya muncul juga! Sekarang saatnya merekreasikan video meme klasik dengan ini (tautan YouTube Shorts)

  • Kukira yang dimaksud adalah video ini (tautan Shorts lain)
  • Atau mungkin versi ini (tautan YouTube)

• Melihat hal seperti ini mengingatkanku kenapa web toy sederhana dulu begitu memuaskan
  Tanpa login, tanpa onboarding, tanpa “upgrade ke pro”, cuma mainan murni yang melakukan satu hal dengan sangat baik.
  Ada penghitung global, tetapi tetap rapi tanpa gamification yang berlebihan

• Ada usulan, “bagaimana kalau ini dijadikan fitur sosial?” Misalnya, aku mengirim ‘Boing’ buatanku ke kakakku supaya dia bisa menilai kemampuanku

  • “Boing terakhir yang dikirim”? “Boing yang diputar berulang”? Rasanya bisa diimplementasikan seperti itu. Aku sedang mempertimbangkannya serius :-)

• Kalau ini dibuat oleh Elon Musk, dia mungkin akan bilang, “ini adalah versi alpha awal dari simulator dunia, dan dalam setahun akan memprediksi cuaca dan pasar saham dengan sempurna”

• Aku penasaran apakah ada rencana merilis kode yang tidak dikompresi. Aku ingin membaca kodenya, tapi sayang sudah diobfuscate. Sekilas terlihat berbasis howler.js, dan logika intinya ada di bagian bawah template mobile

  • Tentu, dibuka kok! Repositori GitHub
  • Bagaimana kalau dicoba dibuka dengan unminifier online? (unminify2.com)
  • Dari strukturnya, sepertinya ini simulasi pegas berbasis redaman eksponensial yang diimplementasikan dengan requestAnimationFrame. Ada juga versi buatan AI (tautan jsfiddle)

• Aku juga ingin melihat versi yang mensimulasikan ini secara akurat. Misalnya dengan gaya seperti engine-sim.parts

• Akan keren kalau ada penghitung total Boing yang dibuat orang-orang di seluruh dunia

  • Ide bagus, jadi aku langsung membuat penghitung World Boing
  • Menambahkan heatmap Boing di sini juga sepertinya akan seru