Explainer

Gumuk Pasir yang Berjalan

Simulasi 3D sebuah gurun dilihat dari atas lalu dari samping: angin meniup butir pasir dari sebelas tumpukan bulat sampai masing-masing menjadi gumuk bulan sabit (barkan) yang terpisah, lereng luncurnya longsor, lalu gumuk itu berjalan puluhan meter searah angin. Label penjelas menandai punggung landai, lereng luncur, ujung tanduk, dan jarak pergeseran dari bendera tahun ke-6.

Explainer · Three.js, Shader, Fisika, Partikel · 20 detik · 1280×720

Prompt

Bangun simulasi gumuk pasir 3D yang berjalan sendiri dari nol dalam satu file HTML dengan Three.js, tanpa physics engine. Gunakan model lempeng pasir (slab model) pada grid periodik 256 x 160 sel: angin bertiup ke satu arah, lempeng pasir diangkat lalu dilompatkan beberapa sel searah angin, jauh lebih mudah mengendap di atas pasir daripada di tanah gundul (peluang 0,6 berbanding 0,3) dan sesekali bergeser satu sel ke samping, mengendap pasti di zona bayangan angin di balik puncak, dan longsor setiap kali lereng melewati sudut diam sekitar 34 derajat. Mulai dari sebelas tumpukan pasir bulat yang berjauhan (ditempatkan acak dengan jarak minimum) di atas dasar gurun berkerikil yang miskin pasir; dalam 20 detik setiap tumpukan harus berubah menjadi gumuk bulan sabit (barkan) yang terpisah satu sama lain, dengan dua tanduk menunjuk ke hilir, lalu bergerak maju. Render medan dengan shader: tinggi dari data texture yang disampel bikubik, normal dihitung per piksel di fragment shader, pasir keemasan dengan riak angin halus di punggung landai, lereng luncur cokelat oker hangat yang lebih gelap karena membelakangi matahari sore, kilau pasir segar di jalur longsoran, dan dasar gurun gundul yang lebih gelap. Hitung bayangan matahari sore di atas heightfield supaya lereng luncur dan dasar di belakangnya tertutup bayangan. Langit biru pucat dengan kabut hangat tipis di cakrawala, dan medan jauh sedikit dibelokkan supaya pola grid periodik tidak terlihat berulang. Tambahkan ribuan butir pasir yang melompat-lompat (saltasi) dan garis aliran angin tipis. Kamera bergerak pelan: mulai lebar dan tinggi, menukik sekitar 65 derajat ke bawah, lalu turun miring dan mengikuti satu barkan terbesar yang berdiri sendiri. Lapisan penjelas berbahasa Indonesia: judul kecil di kiri atas, panel tahun simulasi dan arah angin di kanan atas, empat bab di kiri bawah (Angin menerbangkan butir pasir, Tumpukan berubah menjadi bulan sabit, Lereng luncur longsor di sudut 34 derajat, Gumuk berjalan searah angin), label bergaris penunjuk untuk punggung landai, lereng luncur, dan ujung tanduk, lalu tiang bendera oranye di posisi puncak tahun ke-6 dengan garis putus-putus ke puncak sekarang dan jarak pergeseran gumuk dalam meter.

Video Explainer lainnya

  1. Jelujur, Sketsa Jadi Pola JahitExplainer20 dtkJelujur, Sketsa Jadi Pola JahitVideo penjelas produk 20 detik untuk aplikasi fiktif Jelujur: sketsa gaun dibaca dan diukur, empat potongan pola tersusun di kartu, kursor menyetujuinya dengan stempel PAS DI BADAN, lalu pola mendarat di atas kain biru nila siap dipotong sebelum logo penutup.SVG · GSAP · CSS
  2. Reel Logo Katering PucukExplainer10 dtkReel Logo Katering PucukReel identitas hitam putih 10 detik untuk katering tumpeng fiktif Pucuk: kata SYUKUR dan BERSAMA bertumpuk, kartu putih POTONG PUCUKNYA, pita wordmark yang bergeser, lalu tumpeng 3D berlapis berputar di bawah HUD, pucuknya terangkat, dan semuanya memipih menjadi logo segitiga yang akhirnya berulang menjadi pola ubin.Three.js · Canvas 2D
  3. Pancar, Radio Amatir Satu BentukExplainer20 dtkPancar, Radio Amatir Satu BentukSatu 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.Canvas 2D
  4. Warna di Kulit Gelembung SabunExplainer20 dtkWarna di Kulit Gelembung SabunRibuan tetes cahaya berpusar membentuk sebuah gelembung sabun yang kulitnya berpendar pelangi, lalu empat bab menjelaskan selaput, pantulan cahaya, penipisan, dan saat gelembung pecah. Video ditutup dengan ratusan gelembung yang melayang naik di ruang gelap.Three.js · Shader · Canvas 2D
ArtikelSusun brief