Akan jauh lebih menarik kalau animasinya dirender di browser
Saya ingin bisa langsung mengutak-atik kode yang membuatnya berjalan, tetapi yang disediakan hanya video tanpa kodenya, jadi agak disayangkan
Ada juga beberapa yang membagikan kode sumbernya: https://github.com/Bleuje/processing-animations-code
Tutorial lengkap yang berfokus pada konsep juga bisa dilihat di sini: https://bleuje.com/tutorials/
Di tutorial itu ada banyak ide keren, seperti menelusuri noise 4 dimensi untuk membuat loop yang mulus, dan saya jadi ikut memainkannya di proyek saya sendiri. Tetap mudah dipahami meskipun tidak memakai Processing
Saya justru merasakannya sebaliknya. Senang karena ini tetap bisa dilihat bahkan di ponsel mode terkunci yang tidak mampu membuka banyak halaman JavaScript modern yang heboh
Melihat animasi-animasi ini membuat saya serasa kembali ke masa 20~25 tahun lalu saat menyalakan plugin visualisasi Winamp sambil mendengarkan musik
Masa yang menyenangkan, dan animasi di sini juga keren
Kalau usianya sudah cukup, mungkin ada yang ingat screensaver Flowfazer dari Todd Rundgren's Utopia Softworks
Dia adalah pengembang terdaftar Apple, dan dulu saya juga sering melihatnya mondar-mandir di WWDC pada era 90-an
Betul. Hanya saja, kalau menyalakan visualisasi Winamp di Pentium MMX, respons sistem jadi turun drastis, jadi tidak ada yang bisa dilakukan selain menatap visualisasinya
Masa yang sederhana, tapi menyenangkan
Saya juga langsung terpikir hal yang sama. Kira-kira sekarang cthugha ada di mana ya?
Dulu saya sering meletakkan lensa kaca besar di atas monitor untuk memproyeksikannya ke langit-langit. Jadi teringat lelucon bahwa saya memilih dekade yang salah untuk berhenti ganja
Jadi ingat AVS Society :)
Saya sempat melihat sumbernya untuk memastikan apakah ini benar-benar dibuat secara acak atau hanya memilih acak dari animasi yang sudah dibuat sebelumnya, dan ternyata yang kedua, sekaligus saya melihat tag analitik yang aneh
Cloudflare memblokir skrip sehingga saya harus membuka situsnya langsung. Ada dua hal yang membuat penasaran: skrip selalu meminta sesuatu dari Google, dan doNotTrack hanya di-hardcode menjadi false. Browser saya memang mengirim header tersebut, jadi sepertinya ini juga bukan hasil penyisipan yang benar di sisi server, tetapi saya tidak paham sebenarnya mau melakukan apa
Betul. Semua animasi ini adalah video prarender yang disematkan di halaman, lalu salah satunya dipilih secara acak
Sebaliknya, shadertoy [1] sangat mengesankan karena animasinya dihitung dan dirender secara real time
Dulu saya terkesan oleh shadertoy dan pernah membuat situs web yang memakai shader sebagai latar belakang dengan Three.js [2]. Itu menampilkan caustics, yaitu pola cahaya yang terus berubah saat cahaya melewati riak air lalu jatuh ke dasar kolam, danau, atau laut, mirip dengan [3]. Para pengunjung selalu mengira itu video yang sudah dirender sebelumnya, dan mereka benar-benar kaget saat tahu bahwa ponsel yang sudah berumur beberapa tahun bisa menjalankan shader itu dengan mulus secara real time
Ada banyak jenis animasi, tetapi ini mengingatkan saya pada Electric Sheep, screensaver fractal flame yang keren
Bisa dipasang secara lokal dan Anda dapat memberi suara suka atau tidak suka pada berbagai “sheep” sesuai selera
[1] https://electricsheep.org/
Karena tidak ada yang bertanya, saya yang tanya: ini dibuat bagaimana? Saya penasaran apakah ada program yang memang dikhususkan untuk grafik dan pemrograman visual seperti ini, atau ini sekadar kumpulan skrip Python yang memakai library 3D, matematika, dan plotting
Di situsnya ada tutorial untuk membuat animasi seperti ini, terutama GIF yang berulang sempurna [1]. Sepertinya semuanya dibuat dengan Processing [2]
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Coba-coba saja berbagai hal secara setengah acak, lalu terus ulangi dan poles hal-hal yang terlihat keren. Semacam seleksi genetik
Mempelajari kode dari animasi lain untuk memahami ide dan pola umumnya juga bagus
Ada juga program khusus, dan ada bahasa yang sering dipakai untuk seni komputer, seperti Processing
Hanya saja saya tidak yakin apa yang dipakai untuk karya-karya ini
Waktu kecil, setiap kali demam tinggi, saya merasa melihat hal-hal persis seperti ini
Ini benar-benar memicu ingatan. Sepertinya saya pernah minum Sudafed terlalu banyak sekali, lalu saat berada di kondisi setengah mimpi setengah sadar saya melihat hal seperti ini
Bagi saya, rasanya seperti saat mengalami night terrors di awal masa remaja
Di desktop, setelah klik kanan lalu mengaktifkan item yang setara dengan menampilkan kontrol di browser, titik loop-nya terlihat cukup jelas
Beberapa di antaranya punya loop yang sangat pendek sampai terasa absurd
Ini terasa seperti adegan dalam film ketika dalang jahat menghipnotis warga setempat agar bergerak sesuai kehendaknya
“Jangan lihat, pakai yang ini”
“Sial, kita datang terlambat. Mereka sudah terlalu dalam”
“Untuk menghentikan aliran tcp, kita harus menyinkronkan ulang database mainframe server agar lalu lintasnya dialihkan”
Tambahan lagi, animasi wormhole itu butuh musik tema Doctor Who
Anehnya, kemarin saya mencoba mengirim tautan ini ke kerabat lewat SMS tetapi sama sekali tidak terkirim
Saya mencoba beberapa variasi, dan tampaknya semua pesan grup yang berisi tautan bleuje . com diblokir. Mungkin ada filter di suatu tempat? Saya memakai T-Mobile di Android Messages
1 komentar
Komentar Hacker News
Akan jauh lebih menarik kalau animasinya dirender di browser
Saya ingin bisa langsung mengutak-atik kode yang membuatnya berjalan, tetapi yang disediakan hanya video tanpa kodenya, jadi agak disayangkan
Tutorial lengkap yang berfokus pada konsep juga bisa dilihat di sini: https://bleuje.com/tutorials/
Di tutorial itu ada banyak ide keren, seperti menelusuri noise 4 dimensi untuk membuat loop yang mulus, dan saya jadi ikut memainkannya di proyek saya sendiri. Tetap mudah dipahami meskipun tidak memakai Processing
Melihat animasi-animasi ini membuat saya serasa kembali ke masa 20~25 tahun lalu saat menyalakan plugin visualisasi Winamp sambil mendengarkan musik
Masa yang menyenangkan, dan animasi di sini juga keren
Dia adalah pengembang terdaftar Apple, dan dulu saya juga sering melihatnya mondar-mandir di WWDC pada era 90-an
Masa yang sederhana, tapi menyenangkan
Dulu saya sering meletakkan lensa kaca besar di atas monitor untuk memproyeksikannya ke langit-langit. Jadi teringat lelucon bahwa saya memilih dekade yang salah untuk berhenti ganja
Saya sempat melihat sumbernya untuk memastikan apakah ini benar-benar dibuat secara acak atau hanya memilih acak dari animasi yang sudah dibuat sebelumnya, dan ternyata yang kedua, sekaligus saya melihat tag analitik yang aneh
Cloudflare memblokir skrip sehingga saya harus membuka situsnya langsung. Ada dua hal yang membuat penasaran: skrip selalu meminta sesuatu dari Google, dan
doNotTrackhanya di-hardcode menjadi false. Browser saya memang mengirim header tersebut, jadi sepertinya ini juga bukan hasil penyisipan yang benar di sisi server, tetapi saya tidak paham sebenarnya mau melakukan apaSebaliknya, shadertoy [1] sangat mengesankan karena animasinya dihitung dan dirender secara real time
Dulu saya terkesan oleh shadertoy dan pernah membuat situs web yang memakai shader sebagai latar belakang dengan Three.js [2]. Itu menampilkan caustics, yaitu pola cahaya yang terus berubah saat cahaya melewati riak air lalu jatuh ke dasar kolam, danau, atau laut, mirip dengan [3]. Para pengunjung selalu mengira itu video yang sudah dirender sebelumnya, dan mereka benar-benar kaget saat tahu bahwa ponsel yang sudah berumur beberapa tahun bisa menjalankan shader itu dengan mulus secara real time
Ada banyak jenis animasi, tetapi ini mengingatkan saya pada Electric Sheep, screensaver fractal flame yang keren
Bisa dipasang secara lokal dan Anda dapat memberi suara suka atau tidak suka pada berbagai “sheep” sesuai selera
[1] https://electricsheep.org/
Karena tidak ada yang bertanya, saya yang tanya: ini dibuat bagaimana? Saya penasaran apakah ada program yang memang dikhususkan untuk grafik dan pemrograman visual seperti ini, atau ini sekadar kumpulan skrip Python yang memakai library 3D, matematika, dan plotting
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Mempelajari kode dari animasi lain untuk memahami ide dan pola umumnya juga bagus
Hanya saja saya tidak yakin apa yang dipakai untuk karya-karya ini
Jika klik latest animations di situs utama, Anda bisa melihat daftar berdasarkan urutan waktu
[1] https://bleuje.com/animationsite/2023_1/
Waktu kecil, setiap kali demam tinggi, saya merasa melihat hal-hal persis seperti ini
Di desktop, setelah klik kanan lalu mengaktifkan item yang setara dengan menampilkan kontrol di browser, titik loop-nya terlihat cukup jelas
Beberapa di antaranya punya loop yang sangat pendek sampai terasa absurd
Ini terasa seperti adegan dalam film ketika dalang jahat menghipnotis warga setempat agar bergerak sesuai kehendaknya
“Jangan lihat, pakai yang ini”
“Sial, kita datang terlambat. Mereka sudah terlalu dalam”
“Untuk menghentikan aliran tcp, kita harus menyinkronkan ulang database mainframe server agar lalu lintasnya dialihkan”
Tambahan lagi, animasi wormhole itu butuh musik tema Doctor Who
Anehnya, kemarin saya mencoba mengirim tautan ini ke kerabat lewat SMS tetapi sama sekali tidak terkirim
Saya mencoba beberapa variasi, dan tampaknya semua pesan grup yang berisi tautan bleuje . com diblokir. Mungkin ada filter di suatu tempat? Saya memakai T-Mobile di Android Messages