Clone-a Lisa

 (vole.wtf)
1 poin oleh GN⁺ 2023-08-20 | 1 komentar | Bagikan ke WhatsApp
  • Clone-a Lisa adalah gim web singkat untuk melukis tiruan Mona Lisa dalam 60 detik
  • Layar awal mengajak pemain masuk dengan teks “Are you warm, are you real, Mona Lisa?” dan tombol Start Game
  • Saat bermain, timer 60 detik dan persentase skor ditampilkan bersama; pada contoh layar terlihat 0.0%
  • Tombol Play Again di layar hasil memungkinkan pemain langsung mencoba lagi
  • Gambar yang sudah selesai dapat diketuk untuk lanjut ke opsi screenshot, unduh, salin ke clipboard, dan bagikan

Gim melukis tiruan dalam 60 detik

  • Clone-a Lisa adalah gim web dengan deskripsi “Paint a forgery in 60 seconds”
  • Tombol mulai ditampilkan sebagai Start Game
  • Layar gim menampilkan kalimat terkait Mona Lisa, “Are you warm, are you real, Mona Lisa?”
  • Layar permainan menampilkan batas waktu 60 detik bersama persentase skor, dengan contoh skor 0.0%

Melihat hasil dan berbagi

  • Setelah gim selesai, pemain dapat bermain lagi dengan Play Again
  • Jika gambar yang sudah selesai diketuk, opsi screenshot, unduh, dan berbagi akan terbuka
  • Aksi yang tersedia mencakup Download file, Copy to clipboard, serta berbagi skor dan tautan gim
  • Tujuan berbagi yang ditampilkan mencakup Bluesky dan WhatsApp

Bacaan terkait

1 komentar

 
GN⁺ 2023-08-20
Opini Hacker News

  • Saya yang membuat game ini, dan perhitungan skornya bekerja seperti ini: gambar yang dibuat ditumpangkan di atas gambar asli dengan komposit difference, lalu hasilnya diperkecil (untuk menghindari sebagian besar piksel terlewat dengan kualitas medium), dan nilai R/G/B dari semua piksel pada gambar kecil dijumlahkan
    Jumlah ini dibandingkan dengan total nilai perbedaan pada kondisi awal, dengan kondisi awal berarti 0%. Area gelap memiliki perbedaan awal paling besar, dan keseluruhan lukisan juga lebih gelap daripada kanvas awal, jadi kalau banyak mengecat dan terutama berfokus pada bagian gelap, kamu bisa cepat melewati 70%. Skor 85% sudah sangat bagus, dan dengan keterampilan serta kecepatan yang cukup, sepertinya 90% juga mungkin

    • Saya benar-benar ingin melewati 85%, tapi skor tertinggi saya 84,4%
      https://i.imgur.com/t3saf5D.jpeg
      Perhitungan skor mungkin bisa dibuat agar mencerminkan perbedaan warna perseptual. Misalnya, dengan menaikkan saturasi kedua gambar saat menghitung perbedaan, masalah bahwa metode saat ini cenderung mendorong fokus pada terang-gelap daripada rona warna karena gambar aslinya relatif bersaturasi rendah bisa dikurangi. Ada banyak saran bagus di thread ini, dan akan seru kalau ada papan peringkat
    • Ini skor tertinggi saya
      Tak perlu dikatakan lagi, sebaiknya saya tetap di software engineering saja
      https://i.imgur.com/b7wbUNI.jpg
    • Saya bisa mencapai 80% hanya dengan batang horizontal: https://imgur.com/a/OnhVdyr. Tapi 85% masih belum terlewati, dan 84% muncul beberapa kali
      Sepertinya kalau semua piksel diwarnai dengan warna terdekat dari palet, skornya sekitar 94,7%: https://imgur.com/a/wiltqay. Jadi 90% cukup dekat dengan skor maksimum secara teoretis. Dari sisi gameplay, skor persentase yang diperbarui secara real time benar-benar bagus, dan umpan balik instannya sangat menarik
    • Saya suka, tapi setelah selesai saya ingin bisa melihat gambar selisih antara gambar saya dan gambar asli yang sebenarnya
    • Bahkan kalau kanvas diisi hitam saja skornya 75%, dan dengan sedikit hijau serta kuning naik sampai 76%. Setelah itu, sepertinya harus menggambar jauh lebih akurat untuk mendapat skor lebih tinggi

  • Benar-benar keren. Sistem skornya cukup “mudah” sehingga terasa sepadan dengan waktu yang dihabiskan. Namun seperti yang dikatakan seseorang, kalau satu warna saja bisa menghasilkan 80%, mungkin perlu disesuaikan
    Mungkin bisa dengan terlebih dahulu mengurangi nilai rata-rata supaya warna tertentu tidak otomatis lebih dekat daripada 0,0,0, meski bisa saja saya sepenuhnya salah memahami cara kerjanya. Akan bagus kalau ada papan peringkat yang di-host tempat kita bisa melihat gambar dengan persentase tertinggi

  • Cukup menyenangkan tapi sulit, dan akan bagus kalau ada opsi untuk memberi waktu lebih banyak
    Perhitungan skornya juga agak membuat saya bertanya-tanya. Saya mengecat persegi panjang satu warna selebar seluruh kanvas, ditumpuk dari atas ke bawah, dan skornya lewat 80%; malah lebih tinggi daripada saat saya benar-benar berusaha menggambar seakurat mungkin

    • Saya mengecat semuanya hitam dan mendapat 65%. Ini memperlihatkan dengan baik betapa berbedanya cara manusia “melihat” objek dibandingkan komputer

  • Keren! Saya juga ingin melihat hasil orang lain, lalu setelah itu gambar rata-rata dari semua hasil, atau 100 maupun 1.000 hasil terbaru. Akan bagus juga kalau ada papan peringkat karya terbaik

  • Akan bagus kalau bisa melihatnya dalam perbandingan berdampingan. Dalam kasus saya, hasilnya pasti mengerikan

    • Akan bagus juga kalau bisa melihat seperti itu saat sedang menggambar

  • Apakah ini mungkin terinspirasi dari video ini?
    https://youtube.com/watch?v=WqnXp6Saa8Y

  • Konsep dan ide game yang keren. Menambahkan konsep sederhana tentang jumlah sapuan kuas dan memasukkannya ke skor juga sepertinya menarik
    Saya sama sekali tidak tahu soal melukis, tapi rasanya itu bisa mendorong pemain agar lebih mendekati cara pelukis sungguhan melukis. Saya juga penasaran apakah ada yang tahu berapa banyak sapuan kuas yang rata-rata dilakukan seorang pelukis sampai selesai. Game ini saja sudah membuat saya lebih merasakan apa yang dilakukan pelukis, dan saya termasuk orang yang tidak bisa membayangkan gambar di kepala. Pembicaraan tentang mengeksploitasi algoritma skor terdengar agak lucu. Kalau tujuannya skor tertinggi, tinggal jalankan sesuatu seperti soft-ICE, pindai memori sandbox, lalu ubah nilainya. Meski begitu, idenya sendiri benar-benar bagus

  • Bisakah diberi nuansa multiplayer? Sepertinya akan sangat seru sebagai party game

  • Saya menggambar Mona Lisa dengan akurasi 88,1%!
    https://vole.wtf/clone-a-lisa/ https://imgur.com/a/87HFCSB
    Hmm, perhitungan skornya terlihat aneh
    https://imgur.com/a/b9NHotr

    • Ada bug yang sangat merusak operasi canvas di Android Chrome pada perangkat tertentu. Seharusnya gambar tidak dicat di atas gambar asli
      Saya sedang mencari workaround, tapi sejauh ini yang bisa saya lakukan hanya membuatnya rusak dengan cara lain, dan sepertinya sudah diperbaiki di Chrome Canary
    • Untuk hasil dalam 60 detik, ini mengejutkan bagus. Bukan berarti gambarnya bagus, tapi akurasi posisi-nya tinggi

  • Percobaan pertama saya hampir 70%: https://imgur.com/a/6ZmDqXU