teknologi

Pemandangan Indah Ini Bukan Foto, Tapi Sepenuhnya Kode Pemrograman Komputer

"An Evening in Southwold" diciptakan menggunakan Pure CSS, dan bisa diubah-ubah gambarnya ketika dirender ke laman browser. Gila orang kalau udah gabut gini.....
13 Maret 2020, 4:07am
Gambar pemandangan pantai dibuat dari kode CSS
File gambar milik Ben Evans.

Gambar pemandangan yang indah dan tenang enggak pernah gagal membuat hati senang. Semua beban pikiran hilang meski hanya sesaat. Akan lebih seru lagi jika gambar itu dibuat pakai kode. Proses pembuatannya sangat menakjubkan untuk ditonton. Ini juga dapat menjadi pengingat masih ada hal menyenangkan di tengah hiruk pikuknya dunia.

Web designer Ben Evans menciptakan gambar-gambar realistis menggunakan Cascading Style Sheets (CSS). “Lukisannya” digambar pakai kode yang bisa mempercantik tampilan sebuah situs. Foto boardwalk di atas, misalnya, dibuat pakai CSS.

Lukisan Pure CSS bukan gambar statis biasa, melainkan kode yang dirender secara langsung. Gambar-gambar ini enggak ada gunanya (Ben bahkan menyebut karyanya “trilogi tak penting), tapi tetap saja keren. Sudah cukup sering Pure CSS digunakan untuk menghasilkan gambar keren. Contohnya seperti gambar The Simpsons dan lukisan minyak baroque.

Ben juga pernah menciptakan jaring laba-laba interaktif, bilik telepon umum, kartu berputar, gambar animasi piksel orang berjalan, dan gambar-gambar lainnya murni pakai CSS. Kodenya tersedia secara umum di Codepen, sehingga siapapun bisa memodifikasi gambarnya. Pengubahan garis sederhana dapat mengubah pemandangan pantainya secara drastis. Dengan beberapa keystroke, mataharinya bisa ganti warna.

Kode CSS memang sekeren itu, tapi aku lebih tertarik menonton video YouTube Ben yang menunjukkan proses penulisan kodenya. Rasanya bagaikan menyaksikan Bob Ross melukis sambil mendengarkan alunan musik elektronik. Video favoritku yaitu ketika Ben menirukan adegan dari video game Elite. Sangat menghibur di saat-saat seperti ini.

Artikel ini pertama kali tayang di Motherboard.