What's New

  • You like Kejut and want to place a link to Kejut in your website? That's easy! Click here!
    Kejut.com
Email:
 

Click Start below to begin the evolution! What is this?

Klik Start di bawah untuk memulai evolusi! Apakah ini?

Click below to try other sample images! Klik link di bawah ini untuk mencoba berbagai gambar contoh!
You can also put external URL on the Image URL field above. Anda bisa juga tulis URL gambar dari situs mana pun pada Image URL di atas.

 


What is this?

This is an attempt to reconstruct an image using overlapping semi-transparent polygons using Flash 9.

Ini percobaan membangun kembali suatu gambar dengan menumpangtindihkan beberapa poligon semitransparan dengan Flash 9.

For example, you want to reconstruct the shape of a circle ●. But you will need to reconstruct it using polygons (which is shapes made from connecting straight lines together, such as ▲, ■, ★). In other words, your target is:

Misalnya, Anda mau membangun kembali bentuk lingkaran ●. Tapi anda hanya bisa membangunnya kembali dengan poligon-poligon (yaitu bentuk yang dibuat dengan menghubungkan titik-titik dengan garis-garis lurus, seperti ▲, ■, ★). Misalnya, contoh gambar tujuan adalah:

But you can only put polygons, you cannot put circles or ellipses to achive the red circle. So you can try putting this shape as the first polygon:

Tapi anda hanya bisa menaruh poligon, tidak bisa menaruh lingkaran atau elips untuk membangun lingkaran. Karena itu coba taruh bentuk ini sebagai poligon pertama:

bulat dengan 1 poligon

Does it look similar to the red circle above? Not at all, you say?

Miripkah dengan lingkaran merah di atas? Tidak sama sekali?

Let's add the second, and then the third, and then the fourth polygon. You will see that it is getting more and more similar to the red circle.

Mari tambahkan poligon kedua, ketiga, dan keempat. Anda lihat kan, bentuknya semakin mendekati lingkaran merah.

bulat dengan 2 poligon bulat dengan 3 bulat dengan 4 poligon

If we continue adding polygons, the resultant shape will be much more similar to the target (the red circle). But, it takes time, and within 10 minutes in my computer, I got this result, using 26 polygons. Isn't it similar?!

Jika kita tambahkan poligon terus, bentuk yang dihasilkan akan semakin mirip tujuan (lingkaran merah). Tapi butuh waktu, jika hanya 10 menit di komputerku ku dapat hasil semacam ini, dengan 26 poligon. Mirip kan?!

That was a very simple example. If you see the examples further below, you can see very nice and complex shapes can be made just by using polygons!

Nah, contoh tadi memang sangat sederhana. Coba liat contoh-contoh di bawah, bentuk yang rumit dan indah bisa dibentuk dengan poligon-poligon saja!

(This idea is taken from the Javascript implementation from Altered Qualia, which in turn took the idea from Roger Alsing. The mutation of the polygon follows the Javascript implementation. Thank you for those people for sharing this.)

(Ide ini diambil dari penerapan Javascript oleh Altered Qualia, yang mengambil ide dari Roger Alsing. Mutasi poligon di sini mengikuti penerapan Javascript. Terima kasih untuk orang-orang tersebut.)

How it works?

The program works in a very simple way. At the beginning, the polygons are randomly placed. In every iteration, the color, transparency, or position of a random polygon is modified. Then, if the image result of the modification is nearer to the original image, the modification is kept. Otherwise, the modification is cancelled. This is repeated until you click the Stop button.

Bagaimana cara kerjanya?

Program di atas sangat sederhana. Pada mulanya, semua poligon ditaruh sembarangan, tapi masih transparan semua. Setelah itu, setiap saat warna, transparansi, dan posisi titik-titik yang membentuk poligon akan dicoba diubah. Kalau pengubahan membuat hasil yang lebih mendekati gambar tujuan, pengubahan itu dibiarkan. Jika tidak, pengubahan itu dibatalkan. Hal ini akan diulang terus sampai anda mengklik tombol Stop.

Sample results

Firefox logo (steps: 2161018, become better: 10490)

 →   

Chrome logo (steps: 8823347, become better: 10394)

 →   

Export / Import

Click Export to convert the current best configuration to a series of numbers. At a later time (or by another person), you can retrieve back the result by using the Import button. The format of the numbers is compatible with the Javascript implementation here, with two additional numbers: steps and become_better, so that you don't need to start the counter from zero.

Ekspor / Impor

Klik Export untuk menuliskan hasil terbaru dalam barisan bilangan. Lain kali (atau oleh orang lain), Anda bisa mengambil kembali hasil terakhir dengan menaruh barisan bilangan itu dan mengklik tombol Import. Barisan bilangan yang dikeluarkan juga kompatibel dengan penerapan Javascript di sini, hanya saja ada 2 bilangan tambahan, yaitu jumlah langkah dan berapa kali gambar sudah menjadi lebih mirip.

Written by: yuku

Cara kerjanya sangat sederhana, tapi pada aplikasinya, jumlah poligon yang ditaruh sangat banyak yang harus dievaluasi karena setiap penambahan poligon belum tentu membuat gambar menjadi semakin mirip. Selain itu, penentuan apakah gambar sudah cukup sesuai atau belum juga butuh parameter sendiri.
Artikel yang sangat bagus, tapi waktu yang diperlukan komputer biasa untuk merender gambar cukup lama.


Pemimpi [--], 24 Jun 2009, 14:00 reply
wah hebat. aku sangat salut dan kagum dengan orang2 yang punya pola pikir sederhana tapi cemerlang di dalamnya.sip banget
amazing achievement. i am proud and amazed of people who have simply thoughts but very bright in it. great !!!


wul [id], 2 Jul 2009, 3:36 reply
wah keren....

yosafat [sg], 4 Jul 2009, 9:11 reply
oppss... lupa ratingnya

yosafat [sg], 4 Jul 2009, 9:12 reply
hmm.. bentuk poligonnya segi4 atau segi3? trus penempatannya ada range randomnya atau ada formula spesifiknya?
sekalian bahas algonya donk


Anjar [id], 24 Jul 2009, 16:39 reply
Segi 4 atau segi 3 bisa diatur pada bagian "Sides per polygon". Awalnya 5, bisa diatur sesuai kebutuhan. Penempatannya acak hanya pada kisaran antara 0 sampai tinggi atau lebar gambar. Algo apa? Bisa diliat di penjelasan cara kerjanya.

yuku [sg], 28 Jul 2009, 4:51 reply
Very nice, wish I had the time to do interesting things like this one =/.
Are you guys still updating?


andreas [sg], 22 Aug 2009, 16:43 reply