3D

Teleskop Radio Pendengar Bima Sakti

Halaman web gelap untuk observatori radio fiktif bernama GEMA: antena parabola 3D dari puluhan ribu partikel menangkap cincin gelombang radio yang berdenyut, lalu saat halaman digulir partikelnya melebur menjadi tumpukan spektrum hidrogen Bima Sakti di samping angka-angka.

3D · Three.js, Shader, Partikel, SVG, CSS · 20 detik · 1280×720

Prompt

Buat website satu file HTML untuk observatori radio fiktif bernama GEMA, dengan animasi 3D Three.js dari partikel bercahaya (shader custom + bloom). Hero: antena parabola radio dari puluhan ribu partikel amber, lengkap dengan rusuk dan cincin panel, penyangga, dan penerima di titik fokus; setiap 0,9 detik cincin gelombang radio tipis putih kebiruan turun dan menyusut ke bibir piringan lalu memudar, terpantul menjadi sembilan berkas emas yang memusat ke penerima, lalu penerima berkedip dan memercikkan bunga api. Di kiri judul besar condensed "DENGAR BISIKAN GALAKSI" (baris pertama huruf outline), paragraf singkat, lencana teks melingkar yang berputar, navigasi atas, label penerima 1,42 GHz di kiri bawah piringan dengan garis penunjuk dan angka SNR yang hidup, serta kursor yang menyibak partikel lalu mengirim gelombang kejut saat diklik. Saat halaman digulir, cincin gelombang memudar dan piringan terurai baris demi baris dari atas ke bawah menjadi tumpukan 24 spektrum hidrogen 3D yang puncaknya bergeser antar baris, berlabel "Bujur galaksi 0°" dan "Bujur galaksi 230°"; di kanan muncul judul "SETIAP GARIS ADALAH ARAH", paragraf, tiga angka yang menghitung naik (1.420 MHz, 21 cm, 32 m), lalu semburan radio cepat menyapu semua garis dan memunculkan penanda deteksi, dan kursor menekan tombol "Jelajahi Data Terbuka". Latar hitam pekat dengan bintik cahaya melayang, aksen amber, tipografi condensed tebal dan label monospace kecil.

Video 3D lainnya

  1. Showreel Magnet dalam Lima Babak3D15 dtkShowreel Magnet dalam Lima BabakShowreel gerak 15 detik tentang magnet dalam lima babak: kata MAGNET tersusun dari irisan yang dikelilingi garis medan, dua kutub merah dan biru saling tarik dan tolak di latar krem, serbuk besi membentuk pola medan, magnet tapal kuda 3D menarik bola baja di lantai mengilap, lalu bola krom berubah menjadi ferofluida hitam berduri.Three.js · Shader · Canvas 2D
  2. Mutiara Emas Terbuka3D11 dtkMutiara Emas TerbukaDi layar ponsel aplikasi selam fiktif, sebuah tiram mutiara 3D di atas alas gelap membuka cangkangnya dan memperlihatkan mutiara emas, lalu partikel emas berhamburan. Kamera mendekat ke layar sementara kursor otomatis membuat tiram condong mengikuti arahnya, lalu mengetuk mutiara hingga muncul ledakan partikel kedua.Three.js · WebGL · Canvas 2D
  3. Naik Lori ke Pabrik Gula 19213D8 dtkNaik Lori ke Pabrik Gula 1921Rekaman bergaya film bisu hitam putih tahun 1920-an: kamera menumpang di depan lori yang melaju di rel sempit, melewati ladang tebu, pekerja bercaping, gerobak sapi, dan lokomotif uap kecil yang menarik gerbong tebu, menuju gedung pabrik gula dengan cerobong bata yang mengepulkan asap. Di akhir, gambar ditutup dengan iris yang mengecil ke arah cerobong.Three.js · Shader · Canvas 2D
  4. Jejak Tulisan dalam Pasir3D20 dtkJejak Tulisan dalam PasirAnimasi pasir di atas kotak cahaya berwarna perkamen menceritakan sejarah tulisan dalam empat babak: cap tangan di dinding gua, baji di lempeng tanah liat, aksara yang digores di daun lontar, sampai huruf yang diketik di layar laptop dan ponsel. Setiap babak dituang butir demi butir lalu disapu ke samping untuk memberi tempat babak berikutnya.Canvas 2D · Partikel
ArtikelSusun brief