Explainer

Dari Daun Tarum ke Biru Nila

Video penjelas empat bab tentang pewarna alami nila: daun tarum dipetik ke bakul, direndam di gentong sampai air jernihnya menguning, dikocok dengan kapur hingga busa membiru dan endapan nila turun, lalu kain jumputan dicelup tiga kali hingga bergradasi biru dengan titik putih. Tiap bab punya warna latar sendiri yang datang lewat sapuan diagonal, judul serif yang muncul per huruf, dan penanda bab di bagian bawah.

Explainer · Canvas 2D, CSS, Partikel · 20 detik · 1280×720

Prompt

Buat video penjelas 20 detik, 1280x720, tentang cara membuat pewarna alami nila dari daun tarum, dibangun dengan canvas 2D untuk ilustrasi dan teks HTML di atasnya, tanpa gambar dari luar. Gaya seperti buku proses yang bergerak: di kiri atas tulisan kecil "BUKU PROSES · DARI DAUN KE KAIN", di kanan atas timecode berjalan, di bawah empat penanda bab (01 Petik, 02 Rendam, 03 Kapur, 04 Celup) dengan garis progres yang terisi. Tiap bab 5 detik dengan latar berbeda dan disambung sapuan warna diagonal dari kanan yang membawa sekaligus ilustrasi, judul, header, dan penanda bab yang baru, sehingga warna teks ikut berganti tepat di garis sapuan. Di kiri: nomor bab dengan garis, judul serif tebal dua baris yang muncul per huruf (baris kedua berwarna aksen), dan satu paragraf penjelasan pendek. Di kanan ilustrasi canvas: (1) latar kuning matahari pagi dengan tanah gelap, empat rumpun tarum berdaun majemuk bergoyang, tangkai daun melayang satu per satu ke bakul anyaman sampai menggunung; (2) latar hijau lumut, gentong tanah liat dalam potongan melintang, air awalnya jernih sehingga dinding dalam gentong terlihat, ikatan daun jatuh ke air, gelembung naik, air berubah hijau kekuningan dengan jam penunjuk 0 sampai 24 jam; (3) latar biru batu tulis dengan kamera mendekat ke mulut gentong, ampas daun diangkat, kapur dituang dari mangkuk sebagai aliran butiran putih, gayung batok mengocok sampai lapisan busa tebal membiru, lalu partikel biru tenggelam membentuk lapisan endapan nila; (4) latar biru malam, kain putih jumputan tergantung di galah bambu dicelup tiga kali ke bak, tiap kali keluar kehijauan lalu membiru di udara, menghasilkan gradasi halus dari pucat ke biru tua dengan titik-titik putih bertepi lembut, dan penghitung celupan sampai 3/3. Label anotasi bergaris tipis menunjuk bagian penting. Palet hangat dan bersahaja, butiran halus di seluruh layar, gerak lembut dengan easing.

Video Explainer lainnya

  1. Kenapa Sabun Mengangkat MinyakExplainer20 dtkKenapa Sabun Mengangkat MinyakSpidol menggambar catatan sketsa hitam putih: bahan air, minyak, dan sabun, molekul sabun dengan kepala suka air dan ekor suka minyak, lalu noda minyak di tengah piring dikepung molekul sabun sampai terangkat menjadi misel. Garis air menyapu misel keluar kotak, empat poin ringkasan dicentang satu per satu, dan piring berkilau bersih.SVG · CSS
  2. Gumuk Pasir yang BerjalanExplainer20 dtkGumuk Pasir yang BerjalanSimulasi 3D sebuah gurun dilihat dari atas lalu dari samping: angin meniup butir pasir dari sebelas tumpukan bulat sampai masing-masing menjadi gumuk bulan sabit (barkan) yang terpisah, lereng luncurnya longsor, lalu gumuk itu berjalan puluhan meter searah angin. Label penjelas menandai punggung landai, lereng luncur, ujung tanduk, dan jarak pergeseran dari bendera tahun ke-6.Three.js · Shader · Fisika
  3. Lab Garis Geser Kunci SilinderExplainer20 dtkLab Garis Geser Kunci SilinderDi ruang lab dengan panel skema yang menyala, rak kunci, dan lemari laci, sebuah kunci silinder kaca berbingkai kuningan berdiri di meja kerja. Kursor otomatis mencoba kunci kuningan yang salah lalu yang benar sampai kelima pin rata di garis geser, silinder berputar, grendel tertarik, dan kamera mendekat ke tumpukan pin saat status berubah menjadi terbuka.Three.js · Shader · WebGL
  4. Lab Pasir: Nada Menjadi PolaExplainer20 dtkLab Pasir: Nada Menjadi PolaDi sebuah laboratorium gelap bercahaya tembaga, kursor otomatis menggeser nada generator sinyal sehingga pasir di atas pelat kuningan yang bergetar berkumpul membentuk tiga pola garis simpul yang makin rumit. Peta getar berwarna menunjukkan bagian yang bergerak dan garis yang diam, lalu setiap pola tercatat di bingkai dinding.Three.js · Shader · Partikel
ArtikelSusun brief