Motion design
Tiga Kemampuan Udang Mantis
Video motion graphic tiga bab tentang udang mantis: grafik spektrum yang memperlihatkan dua belas jenis fotoreseptornya, diagram pegas dan kait yang mengunci lalu melepas tenaga pemukul, serta adegan layar penuh saat pemukulnya menghantam dan meretakkan cangkang siput.
Prompt
Buat motion graphic 20 detik berukuran 1280x720 berjudul "Tiga Kemampuan Udang Mantis" dengan HTML, SVG, canvas, dan GSAP, tanpa gambar dari luar. Semua visual digambar secara prosedural.
Gaya: presentasi kemampuan yang editorial dan hangat. Latar cokelat hampir hitam (#120d0b) dengan glow radial terakota yang bergeser pelan dan sedikit grain. Aksen terakota #e07a5f, teks krem #f2e9dd. Headline serif besar (Newsreader), label kecil monospace (JetBrains Mono) berhuruf kapital renggang, subjudul serif miring. Header tipis "UDANG MANTIS · KEMAMPUAN" dengan penanda bab "01 / 03" di kanan, dan garis progres terakota di bawah yang terisi sepanjang video.
Tiga bab, masing-masing headline di satu sisi dan kartu UI gelap bersudut membulat di sisi lain yang memperagakan kemampuannya:
1. (0-6 dtk) "01 · PENGLIHATAN" / "Melihat lebih banyak warna." Kartu "fotoreseptor · spektrum" bergeser masuk. Di jalur "Manusia" tiga kurva kepekaan (biru, hijau, merah) tergambar di atas sumbu 300-720 nm. Lalu garis pindai menyapu jalur "Udang mantis" dari kiri ke kanan dan memunculkan dua belas kurva sempit satu per satu, empat di antaranya di wilayah ultraviolet, dengan penghitung yang naik sampai 12. Kotak data Fotoreseptor, Rentang, dan Polarisasi muncul bergantian, garis penghubung menyatu ke tombol hasil terakota "12 saluran warna, termasuk ultraviolet", dan status berubah menjadi "spektrum terbaca".
2. (6-12 dtk) "02 · PEGAS" / "Mengunci tenaga." Kartu "mekanisme pukulan" berupa diagram garis lengan pemukul: pegas pelana di sendi melengkung dan menyala terakota saat lengan ditarik, meter energi terisi sampai 100%, kait berputar mengunci, lalu kait lepas dan pemukul berayun ke titik sasaran dengan jejak gerak. Grafik kecepatan di bawah melonjak ke 23 m/s. Chip Muat / Kunci / Lepas selalu menyorot tahap yang sedang berjalan.
3. (12-18 dtk) "03 · PUKULAN" / "Memukul lebih cepat dari kedip." Layar penuh di dasar laut bergaya ilustrasi: seekor udang mantis hijau dengan kaki jingga berhadapan dengan cangkang siput, kamera mendorong pelan, partikel laut melayang. Kurung deteksi dengan label terakota menandai mata majemuk, kaki pemukul, dan cangkang siput. Tombol "Waktu nyata / Gerak lambat" berpindah, pemukul melesat dan berhenti tepat di cangkang, kilatan dan cincin berlabel "gelembung kavitasi" memancar, retakan muncul di cangkang, penghitung kecepatan naik ke 23 m/s, dan kotak ringkasan "Pukulan ganda" muncul. Pemukul tetap menempel di cangkang sampai adegan selesai.
Penutup (18-20 dtk): adegan memudar habis ke latar gelap, ikon mata bergaris dan kalimat "Melihat. Mengunci. Memukul." dengan rekap tiga bab.
Transisi: kata headline muncul satu per satu dari blur, kartu bergeser masuk dari samping, easing halus power3.out. Tempo tenang tapi selalu ada yang bergerak.
