teknologi

Goks Nih, Programer Komputer Sukses Menggambar 'The Simpsons' Pakai Kode CSS

Kode tersebut lantas dirender ke laman browser untuk menghasilkan "gambar" yang tidak biasa. Orang tuh kalau senggang bisa melakukan apapun ya....
03 Maret 2020, 4:03am
Gila Bener, Ada Programer Gabut Sukses Menggambar 'The Simpsons' Pakai Kode CSS
Screenshot: GitHub/Chris Pattle 

Cascading Style Sheet (CSS) adalah bahasa web yang dapat memperbagus tampilan sebuah situs. Jika jago menggunakannya, kalian bisa memanfaatkan CSS

untuk membuat potret keren sekaligus aneh. Baru-baru ini ada orang berhasil “menggambar” kepala karakter The Simpsons yang bisa mengedipkan mata dan melongo setiap kali laman browser dimuat.

Kode web dirender ke laman browser untuk menghasilkan “gambar” yang tidak biasa. Ada sentuhan programming di dalamnya, jadi sama sekali bukan gambar yang dilukis dengan tangan manusia.

Diciptakan oleh pengembang web lepas Chris Pattle, CSS Simpsons menjadi perbincangan banyak warganet sejak pekan lalu. Padahal, menurut GitHub, kodenya dibuat beberapa tahun lalu. Chris belum menanggapi permintaan Motherboard untuk berkomentar.

CSS Simpsons mirip seperti “PureCSS Lace” ciptaan seniman digital Diana Smith. PureCSS Lace menampilkan potret perempuan berbeda-beda tergantung browser yang digunakan. Gambar ini murni kode yang dirender menjadi lukisan setiap kali laman browser dimuat. Diana telah menciptakan sejumlah lukisan digital dengan CSS.

CSS Simpsons tampaknya juga berubah di setiap browser, tapi transformasinya lebih stabil daripada PureCSS Lace. Ada cacat sedikit ketika dirender secara berbeda, tapi variasinya halus. (Kami tidak bisa mencobanya di Netscape. Dari karya Diana, Netscape menghasilkan gambar yang sangat berbeda dari aslinya.)

Meskipun demikian, sangat mengesankan Chris mampu melukis karakter Simpsons dengan kode. Kalian bisa mencobanya sendiri di Github Chris. Dengan memvariasikan kode, kalian dapat menciptakan gambar tidak biasa seperti Bart hijau.

pure css simpsons

Artikel ini pertama kali tayang di Motherboard