Explainer

Hulu, Banjir Terbaca Lebih Dulu

Video penjelas produk 20 detik untuk sistem peringatan dini banjir fiktif Hulu di latar hitam beraksen hijau neon: sensor dipasang di bendung, data disatukan, prakiraan muka air menembus ambang siaga, agen suara menelepon warga, relawan menugaskan penjemputan, lalu dasbor laporan menutup cerita.

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

Prompt

Buat video penjelas produk 20 detik (1280x720) yang modern, rapi, dan bertempo cepat untuk sistem peringatan dini banjir fiktif bernama Hulu. Gaya: latar hitam pekat dengan cahaya radial hijau samar, satu warna aksen hijau neon (#3dff6e) ditambah amber untuk ambang bahaya, judul besar putih rata kiri berhuruf grotesk tebal dengan satu kata kunci berwarna hijau, panel antarmuka gelap bersudut membulat di kanan. Bingkai HUD bergaya film: label kecil monospace di pojok atas (HULU / FILM 01 dan penghitung waktu), bilah progres bab di kiri bawah. Bangun dengan HTML, SVG, dan canvas, animasi dengan GSAP; judul masuk dengan efek mask naik per baris. Lima bab, masing-masing sekitar 4 detik: 01 PASANG - "Pasang sensor di hulu." Panel operator mengetik perintah memantau Sungai Kalisari di Bendung Watu, chip lokasi dan sensor muncul, penampang sungai mini: air bergelombang mengisi alur di antara dua tebing, tiang sensor berdiri di tebing kanan dengan sinar ultrasonik putus-putus menunjuk ke permukaan air, garis ambang siaga amber di atas muka air, tiga centang (tenaga surya, sinyal 4G, baterai cadangan), lalu kursor menekan tombol Aktifkan. 02 HUBUNGKAN - "Satukan semua data." Simpul pusat bercahaya dikelilingi enam sumber data (sensor muka air, curah hujan, radar cuaca, pompa air, peta warga, kamera pintu air); garis tergambar dan paket data mengalir ke pusat, angka statistik di kiri bawah menghitung naik. 03 PREDIKSI - "Banjir terbaca 3 jam lebih awal." Grafik muka air: garis pengamatan putih tergambar, lalu garis prakiraan hijau putus-putus dengan pita keyakinan naik menembus garis ambang siaga amber 2,00 m, penanda waktu tiba muncul. 04 BERGERAK - "Warga ditelepon, relawan bergerak." Kartu agen suara dengan gelombang suara bergerak, transkrip percakapan dengan warga yang meminta jemputan untuk dua lansia, kartu keputusan dengan tombol Tugaskan Pos 3 dan Tunda, kursor menekan Tugaskan Pos 3 lalu status berubah menjadi relawan berangkat. 05 LAPORAN - "Semua tercatat, siap dievaluasi." Dasbor dengan empat angka utama yang menghitung naik dan grafik batang panggilan per sepuluh menit (batang hijau terjawab tumbuh lebih dulu, lalu tutup abu-abu panggilan diulang muncul di atasnya), lalu ditutup logo Hulu dengan tagline "Banjir terbaca lebih dulu." Semua teks berbahasa Indonesia. Gerakan ringkas dengan easing tajam, tanpa jeda kosong.

Video Explainer lainnya

  1. Pemutus Sirkuit Menahan Layanan TumbangExplainer18 dtkPemutus Sirkuit Menahan Layanan TumbangDiagram terminal gelap menjelaskan pola pemutus sirkuit: permintaan berupa titik mengalir dari klien ke layanan, lima kegagalan beruntun membuat tuas terbuka sehingga permintaan ditolak cepat dalam 0 ms, lalu uji coba setengah terbuka menutup sirkuit kembali saat layanan pulih. Log permintaan berurutan menampilkan tiap permintaan dari menunggu sampai hasilnya, ditemani penghitung, meter waktu tunggu, dan grafik kegagalan beruntun.Canvas 2D · Fisika
  2. Aku Katup Panci PrestoExplainer20 dtkAku Katup Panci PrestoDi atas kertas abu-abu bergaya gambar pensil stop-motion, katup pengaman sebuah panci presto bercerita sebagai orang pertama: api dibesarkan, panci bergetar, jarum manometer naik sampai satu bar, lalu katup terangkat dan mendesis membuang uap sampai tekanannya tertahan aman.Canvas 2D
  3. Membelah Penggerak Mobil ListrikExplainer20 dtkMembelah Penggerak Mobil ListrikUnit penggerak mobil listrik 3D dipotong seperempat sehingga stator tembaga, rotor magnet, roda gigi planet, dan inverter terlihat, sementara arus DC dari kabel baterai dipecah inverter menjadi tiga fase merah, hijau, dan biru yang menyala bergantian di gulungan. Kursor otomatis menyorot komponen, menarik modul roda gigi keluar menghadap kamera, lalu menekan tombol Urai sehingga semua bagian terpisah berlabel dengan arus tetap mengalir, sebelum dirakit kembali dan kamera mendekat ke potongan.Three.js · Shader · SVG
  4. Membongkar Mesin Jahit Lapis demi LapisExplainer20 dtkMembongkar Mesin Jahit Lapis demi LapisMesin jahit 3D berwarna krem dibelah separuh: aliran tenaga biru muda mengalir dari motor ke roda tangan, poros utama, batang jarum, sabuk bergigi, pengait putar, dan gigi pengumpan, setiap bagian diberi label, lalu seluruh mesin terurai menjadi lapisan-lapisannya.Three.js · Shader · SVG
ArtikelSusun brief