Satu Juta Kotak Centang

• One Million Checkboxes adalah situs web yang menghadirkan pengalaman 1.000.000 kotak centang dalam satu layar, dan saat ini semua kotaknya terlihat sudah dicentang
• Pesan “we checked every box!” di bagian atas langsung menunjukkan bahwa semua centang telah selesai
• Bahkan setelah selesai, pengguna tetap bisa melanjutkan “main sendiri”, sehingga ini bukan sekadar layar hasil sederhana, melainkan masih menyisakan interaksi
• Jumlah centang pengguna saat ini ditampilkan sebagai “You checked 0 boxes”, sehingga status selesai keseluruhan dan progres pribadi dipisahkan
• Di layar, aksi Jump! dan daftar kotak yang telah dicentang terus berlanjut, sehingga jejak eksperimen kotak centang berskala besar ini bisa dilihat langsung

---

Status semua centang selesai

• One Million Checkboxes menampilkan 1,000,000 boxes are ✅
• Frasa “🎉 we checked every box! 🎉” menunjukkan bahwa semua kotak centang sudah dicentang

Masih ada permainan setelah selesai

• Bahkan setelah semua kotak dicentang, situs ini tetap memberi tahu “but you can still play alone if you'd like”
• Jumlah centang pengguna saat ini ditampilkan sebagai 0 boxes

Elemen yang terlihat di layar

• Halaman ini menampilkan teks Jump!
• Pada isi halaman, item kotak centang dalam keadaan tercentang ditampilkan berulang

Pembuat

• Situs ini ditampilkan sebagai situs web buatan eieio

[GN⁺]

Komentar Hacker News

• Dari sudut pandang pengembang, popularitasnya jauh lebih besar dari perkiraan, jadi sepertinya server bakal cukup menderita untuk sementara

  • Ada masalah serius pada implementasinya. Pergantian baris berubah tergantung zoom/lebar layar, jadi meskipun aku menulis coretan boobs, kalau orang lain tidak punya titik pergantian baris yang sama mereka tidak akan bisa membacanya dengan benar
  • Ini sangat mengingatkanku pada alat penyusun potongan gambar zaman dulu. Rasanya ingin kubiarkan terus menyala di latar belakang demi nostalgia: https://www.youtube.com/watch?v=KR3TbL3Tl6M
  • Sudah kuunggah ke FediVerse, dan per 4 jam kemudian sudah hampir 700 boost, lalu menyebar ke Reddit dalam 2 jam. Aku juga langsung membalas postingan Reddit-nya, jadi seperti yang bisa diduga, lonjakan trafik awal memang tak terhindarkan
  • “Lebih populer dari perkiraan”? Semua orang di HN tahu apa yang penting di sini
  • Aku menyalakan 5 server lagi dan mendorong beberapa optimasi, jadi untuk sementara sepertinya aman

• Untuk pertanyaan kenapa membuat “satu juta kotak centang yang bisa dicentang siapa saja”, jawabannya adalah ide itu muncul saat ngobrol Jumat lalu dan entah kenapa terasa harus dibuat. Ini alasan terbaik :)

  • Ini begitu bodoh sampai justru memang harus dibuat

• Awalnya aku mengklik bagian atas, tapi orang-orang terus membatalkan yang kulakukan. Aku jadi bertanya-tanya kenapa kita tidak bisa akur dan bersama-sama mencentang semuanya
  Kupikir kalau turun ke bawah akan lebih sedikit pertengkaran, jadi untuk sementara aku sendirian, dan meski pekerjaan itu membosankan dan tak berarti, rasanya damai
  Lalu aku bertemu seseorang yang juga mencentang seperti aku, tapi dia menghilang bahkan sebelum 5 detik. Saat terus menggulir dan mencentang lalu sedikit kembali ke atas, ada kotak-kotak yang tiba-tiba tidak tercentang secara acak. Aku tidak melihat siapa pun yang membatalkannya, jadi rasanya seperti ada hantu pencabut centang

  • Kenapa harus merusak. Aku cuma berusaha mengembalikan kotak centang ke keadaan aslinya di alam
  • Aku sempat pergi ke lokasi acak jauh di bawah dan mencoba menulis HELLO dengan centang, tapi sebelum huruf H selesai seseorang datang dan merusaknya. Rasanya buku besar seni satu juta kotak centang ini memang ditakdirkan runtuh oleh kegilaan
    Sejauh apa pun menggulir, tak ada hal yang bisa dikenali, hanya tanah tandus tanpa makna. Murni kekacauan
  • Aneh sekali rasanya ini seperti cermin diri kita sendiri, karena aku bergerak dengan niat dan cara yang persis sama
    Mungkin bukan cuma kita. Pasti banyak orang yang rajin mencentang per baris atau dengan pola teratur lain, untuk menenangkan goblin di kepala mereka yang menjerit meminta keteraturan
    Kalau semua kotak sudah tercentang saat masuk ke halaman itu, aku pasti merasa tuntas dan pergi dalam keadaan sempurna itu, jadi sungguh sulit berempati pada orang-orang gila yang ingin merusak keindahan itu demi menulis “boobs” ;)

• Aku mencoba $$('input[type=checkbox]').forEach(elt => elt.click()); dan malah muncul peringatan "CHILL LOL". Situs yang lucu

  • Sekarang waktunya memakai skrip Playwright
    Tinggal buka browser dengan chromium, masuk ke halamannya, lalu cari semua input[type=checkbox] dan klik
    Meski begitu, aku agak bangga karena tanpa menjalankan skrip pun, hanya dengan jari menekan seperti orang gila, aku berhasil memunculkan peringatan “CHILL”
  • Harus kirim 42["toggle... langsung lewat WebSocket. Tentu saja, kalau ingin menghindari pembalikan alih-alih membatalkan, kita harus lebih dulu memeriksa kotak mana yang sedang tercentang
  • Aku jadi bertanya-tanya apakah ada cara menipu agar ia menerima JavaScript yang mencentang semua kotak
  • document.querySelectorAll("input[type=checkbox]").forEach(i => { i.checked = false; }); terlihat sempat bekerja, dan tidak memunculkan peringatan juga

• Semua kotak harus dicentang. Orang-orang yang sedang melepas centang semoga berpikir ulang dan bergabung ke kubu centang

  • Plot twist: bagi separuh orang yang melihat, tampilannya justru terbalik
  • Sikap “kedua pihak sama saja” inilah yang membuat kita sampai pada situasi ini sejak awal. Pada bulan November, pilih Unchecked
  • Aku sudah mencentang 1.000, yaitu 0,1%, dan menganggap tugasku selesai. Aku melakukannya tanpa skrip, dengan tenaga/algoritma manusia murni
    Tentu saja dengan skrip JS sederhana itu bisa 2–5 kali lebih cepat, tapi mungkin juga ada pembatasan laju, dan menurutku itu juga tidak sesuai dengan semangat dari keanehan ini
    Ini mengingatkanku pada Curiosity karya Peter Molyneux: https://en.wikipedia.org/wiki/Curiosity%3A_What%27s_Inside_t...
  • Jauhkan tanganmu dari kotakku. Semakin banyak yang dicentang, semakin sedikit kebebasan, jadi aku mendukung agar sebagian kotak tetap tidak dicentang. Terutama kalau itu kotak yang berisi barang pribadiku
  • Aku sudah memikirkannya lagi, dan sekarang aku berpihak pada geng pembuka centang

• Kutipan favorit: “sangat memuaskan seperti MMO bubble wrap”, “mainan gelisah untuk seluruh dunia”, “luar biasa! server websocket-nya pasti lagi brrr”
  https://x.com/itseieio/status/1805986839058079896

• Aku membuat skrip pengguna otomatisasi centang untuk Tampermonkey. Caranya menemukan semua kotak centang di https://onemillioncheckboxes.com/, mencentang yang belum dicentang, lalu menjalankannya lagi setiap kali DOM berubah dengan MutationObserver

  • Sejujurnya ini terasa seperti meruntuhkan tujuan situs itu sendiri
  • Cara ini sepertinya tidak akan cocok untuk 1.000.000 kotak centang. Lebih baik pakai requestAnimationFrame, atau cari hanya yang belum dicentang dengan querySelectorAll('input[type="checkbox"]:not(:checked)'), atau jangan panggil checkAllCheckboxes setiap ada perubahan
    Atau pakai querySelector('input[type="checkbox"]:not(:checked)') satu per satu lalu proses dalam loop seperti while(true)

• Sepertinya kisi kotak centangnya seharusnya dikunci pada lebar tertentu. Terlihat orang-orang sedang mencoba menggambar, tapi di layarku tampak miring

  • Dari sudut pandang pembuat situs, itu memang disengaja. Sudah ada cukup banyak eksperimen gambar internet kolaboratif dengan kanvas tetap yang mudah dipakai menggambar, jadi aku penasaran apa yang akan muncul kalau mencoba sesuatu yang sedikit berbeda
    Tentu saja ini mungkin ide bodoh, tapi aku tetap ingin mencobanya
  • Sayang sekali. Gambar penis raksasa yang kubuat hanya terlihat pada lebar yang memang kusetel dengan tepat. Aku penasaran ada berapa banyak gambar acak yang terlewatkan dariku
    Penataan ulangnya juga butuh waktu, jadi tidak mudah melihat secara langsung apa yang sedang dilakukan orang sambil mengubah ukuran jendela
  • Justru menyenangkan karena kita harus “memindai” untuk mengenali gambarnya. Dan itu juga berarti si pembuat karya bisa memilih sendiri lebar karyanya
    Karena banyak orang memakai lebar layar yang mirip, ternyata kombinasi yang mungkin juga tidak sebanyak itu

• Keren sekali. Aku agak iri karena ingin pernah mengerjakan hal seperti ini, memperbesar skala dengan cepat sambil melihat eksperimen semacam ini dipakai banyak orang. Tapi otakku terlalu hangus karena omong kosong perusahaan dan kreativitasku ada di ruang bawah tanah
  Aku masih bertanya-tanya di mana bisa menemukan perusahaan yang memungkinkan kita bekerja tanpa membuang 90% waktu untuk rapat dan dokumen
  Mungkin karena terlalu banyak mengklik, alih-alih diam-diam mati dalam penderitaan, isi kepalaku malah tumpah ke sini :D

  • Perasaan itu sangat umum, dan aku juga mulai menulis tentang sensasi berada di dasar itu
    Jawabannya adalah, kalau itu bukan jawaban bagimu, ya memang bukan. Manusia terbagi dua. Ada yang pekerjaannya tidak menguasai pikirannya, dan ada yang iya. Kalau sudah dikuasai, sulit melakukan hal lain tanpa menelantarkan pekerjaan
    Sebagian besar tempat kerja memang 90% rapat dan dokumen. Kurang lebih itulah definisi tempat kerja. Startup adalah pengecualian, tapi yang itu jelas akan menguasai pikiranmu
    Kreativitasku juga berada di ruang bawah tanah selama sekitar setahun terakhir. Kadang memang begitu. Lebih baik jangan dipaksa dilawan, tapi cobalah jadi bahagia. Dalam pengalamanku, itu satu-satunya jalan untuk mendapatkan kembali kreativitas
  • Belakangan ini yang paling mendekati kondisi seperti itu tampaknya adalah startup tahap awal, atau langsung membangun perusahaan sendiri dari nol. Aku juga berada di situasi serupa, tapi side project membantu untuk bertahan
  • Kenapa tidak bikin sendiri?

• Pekerjaan membuka centang semua kotak ini adalah kerja yang tak akan dihargai siapa pun