Explainer
Bunga Matahari dari Sembilan Baris Kode
Tutorial koding vertikal tiga langkah: editor gelap mengetik kode JavaScript, dan panel hasil berlatar pastel langsung menyusun 480 biji dengan sudut emas 137,5°, memperlihatkan 21 dan 34 spiral Fibonacci, lalu memekarkan bunga matahari lengkap dengan kelopaknya.
Prompt
Buat video tutorial coding vertikal 720x1280 berdurasi 20 detik dalam satu file HTML (SVG + CSS, animasi digerakkan requestAnimationFrame) dengan tema "bunga matahari dari sembilan baris kode". Latar hitam kecokelatan dengan cahaya oranye samar yang bergerak pelan dan pola titik halus. Di atas: label mono oranye "LANGKAH 1/3" dan judul tebal putih dengan satu kata beraksen oranye, plus satu baris keterangan mono abu-abu. Di bawahnya panel editor gelap berjudul "bunga.js" yang mengetik kode JavaScript dengan syntax highlight, nomor baris, kursor ketik oranye, seleksi dan baris yang disorot saat kode dijalankan. Di bawah editor, panel "HASIL" berlatar pastel yang langsung memperlihatkan hasil kodenya dan menyala oranye setiap kali kode berjalan. Langkah 1 "Putar tiap biji 137,5°": busur derajat menyapu 137,5°, irisan oranye berputar menaruh biji bernomor satu per satu di lingkaran, lalu 480 biji muncul dari tengah; kursor menggeser slider sudut ke 130° sehingga pola berubah jadi jari-jari lurus, lalu kembali ke 137,5° dan muncul label "sudut emas". Langkah 2 "Jarak ikut akar kuadrat": angka 0.4 * i diseleksi, dihapus, diganti 8.7 * Math.sqrt(i), biji bergeser dari tengah ke luar menjadi cakram rapat, lalu baris garis() diketik dan tergambar 21 spiral oranye dan 34 spiral hijau toska yang berlawanan arah, disertai legenda. Langkah 3 "Mekarkan kelopaknya": baris garis dihapus sehingga spiral memudar, ukuran biji dibuat membesar ke tepi dengan gradasi hijau zaitun ke cokelat tua, latar panel berganti biru langit, lalu loop kelopak diketik dan 21 kelopak belakang serta 34 kelopak kuning depan mekar satu per satu mengikuti sudut emas, bunga berputar pelan, dan muncul keterangan "480 biji · 34 kelopak · 1 sudut emas". Di bagian bawah ada footer "seri kode & alam" dengan jumlah baris kode, serta penanda langkah SUDUT, JARAK, KELOPAK yang terisi seiring waktu; di akhir label berubah menjadi "LANGKAH 3/3 · SELESAI". Semua teks berbahasa Indonesia, tanpa layar mulai, berakhir dengan bunga yang mekar penuh.
