Explainer

Pancar, Radio Amatir Satu Bentuk

Satu bentuk membulat di latar abu terang terus berubah ukuran, sudut, dan warna untuk aplikasi fiktif Pancar: kursor mendaftarkan tanda panggil, peta titik Nusantara terisi ribuan stasiun radio amatir, pita frekuensi digeser, lalu ikut net malam dan kembali ke logo.

Explainer · Canvas 2D · 20 detik · 960×960

Prompt

Buat satu file HTML dengan satu canvas 1:1 dan satu fungsi draw(t) untuk video peluncuran 20 detik aplikasi fiktif Pancar, jaringan radio amatir Indonesia. Tanpa CSS transition, tanpa state yang dibawa antar frame. Latar abu terang #ECECE8, tinta #141414, aksen oranye #E8552B, font Manrope. Aturan: hanya SATU bentuk persegi membulat yang tidak pernah terpotong. Setiap tahap adalah bentuk yang sama yang berubah ukuran, radius sudut, dan warna, sementara isinya berganti. Kursor menjalankan urutannya dengan klik nyata, mengetik, dan satu seret. Data nyata, tanpa placeholder. Struktur di grid 120 BPM, ada yang terjadi di setiap ketukan: logo (kotak hitam dengan titik oranye dan dua busur gelombang, wordmark pancar) → tombol "Daftarkan stasiun" → kolom "Tanda panggil" yang diketik YC2RKA → kartu "Ini stasiunmu?" (Rina Kartika, YC2RKA · 412 kontak, Semarang, tombol "Ya, ini saya") → pemuat → centang → titik oranye "Stasiunmu sudah di peta" → kartu lebar berisi peta titik kepulauan Nusantara yang mula-mula diperbesar ke Semarang lalu mundur, terisi ribuan stasiun oranye dengan busur kontak dari Semarang dan penghitung sampai 3.120 stasiun → daftar "Bisa dijangkau malam ini" dengan penggeser pita 80 m / 40 m / 20 m yang diseret kursor ke 40 m sehingga daftar stasiunnya berganti → tab Stasiun / Jadwal / Log dengan indikator yang meregang → RSVP "Net Malam Jumat" yang diklik menjadi "Kamu ikut" → pencarian "net darurat" → kembali ke logo. Gerak: pegas closed-form di semua nilai dengan overshoot sangat kecil; kalau target berubah beberapa kali, jumlahkan satu pegas per perubahan. Isi masuk setelah wadahnya mulai berubah dan keluar sebelum perubahan berikutnya, dengan blur singkat. Jangan memudarkan hitam langsung ke oranye; pindahkan elemen aksen antar tahap. Tepi kiri dan kanan indikator tab memakai pegas berbeda supaya meregang. Frame terakhir sama dengan frame pertama supaya berulang mulus.

Video Explainer lainnya

  1. Riak yang Saling BertemuExplainer20 dtkRiak yang Saling BertemuSebuah meja riak 3D dengan cahaya senja di cakrawala memperlihatkan dua titik bergetar yang riaknya saling menguatkan atau meniadakan, sementara kursor otomatis menambah sumber, menyalakan peta intensitas, menggeser jarak sumber dan panjang gelombang, lalu membalik fase sehingga garis tengah yang terang menjadi gelap. Grafik intensitas di layar dan diagram fasor ikut berubah mengikuti setiap pengaturan.Three.js · Shader · Canvas 2D
  2. Papan Galton Merakit Kurva LoncengExplainer20 dtkPapan Galton Merakit Kurva LoncengRatusan kelereng pastel jatuh menembus barisan pin di papan Galton 3D dan menumpuk menjadi kurva lonceng. Kursor memiringkan papan, katup lantai terbuka untuk mengosongkan kolom, tuangan diulang, dan kurva baru menunjukkan rata-rata bergeser dari tuangan pertama.Three.js · Canvas 2D · Fisika
  3. Kenapa Teh di Termos Tetap PanasExplainer20 dtkKenapa Teh di Termos Tetap PanasAnimasi penjelas bergaya gambar tangan di kertas krem: teko menuang teh 90°C ke gelas kaca berwajah lucu di samping termos merah, lalu kulit termos terkelupas menunjukkan botol ganda, ruang hampa, lapisan perak, dan tutup rapat. Tiga cara panas kabur (rambatan, aliran, pancaran) diperagakan dengan titik dan gelombang panas, sampai enam jam kemudian gelas tinggal 32°C sementara termos masih 82°C.Canvas 2D · Partikel
  4. Siapa Tenggelam DuluanExplainer20 dtkSiapa Tenggelam DuluanSimulasi piksel sekitar tiga belas ribu partikel: minyak, air, madu, dan sirup dituang ke tabung kaca lalu saling menyelinap sampai tersusun menjadi empat lapisan menurut massa jenisnya. Di akhir, mur baja, butir anggur, dan manik kayu dijatuhkan dan masing-masing berhenti di lapisan yang sesuai.Canvas 2D · Fisika · Pixel art
ArtikelSusun brief