ruang visualBeta tertutup
MasukDaftar
Galeri

Galeri video Opus 5.5

418 video pendek yang ditulis Claude Opus 5.5 sebagai kode, dari motion design dan adegan 3D sampai explainer dan mainan interaktif. Buka satu kartu untuk menonton versi penuh dan menyalin prompt-nya.

  • 418 video
  • 4 kategori

Menampilkan 418 dari 418 video

  1. Motion design20 dtkPinisi dari Satu Garis PensilSatu garis pensil di kertas krem bergaris biru berubah menjadi lunas, papan lambung yang dibengkokkan di atas mal, gading, rumah buritan, kemudi samping, tiang, dan layar kapal pinisi berburitan tinggi, lalu dibanjiri biru menjadi cetak biru, berputar menjadi penampang melintang yang simetris, dan berlayar sebagai hologram cyan di atas ombak garis pindai sebelum kembali menjadi judul.Canvas 2D
  2. 3D20 dtkMercusuar Rangka Besi di Kabut PagiSebuah mercusuar rangka besi bercat merah dan putih berdiri di atas gugusan batu karang di tengah laut, sorot lampunya berputar menyapu kabut ungu keabuan yang bergulung melintasi menara dan burung camar yang terbang berputar. Kabut perlahan tersingkap saat matahari terbit dan kamera mundur memperlihatkan pelampung suar, kilau matahari di ombak, serta pulau-pulau berlapis di kejauhan.Three.js · Shader · WebGL
  3. Explainer20 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. Explainer20 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
  5. Explainer20 dtkDari Nektar Menjadi MaduSisir sarang lebah heksagonal dari lilin diisi tetes nektar, empat lebah di atas sisir mengipas sayap sampai uap air mengepul dan nektar berubah jadi madu oranye, enzim memecah sukrosa menjadi glukosa dan fruktosa, lalu sel demi sel ditutup lilin putih gading. Video ditutup dengan tampilan atas seluruh sarang yang hampir penuh beserta legendanya.Three.js · Partikel · CSS
  6. Explainer16 dtkMembedah AC Split dan Siklus DinginnyaAC split 3D dengan unit dalam dan unit luar diputar, dibuka potongannya, lalu diurai menjadi bagian berlabel oleh kursor demo otomatis. Refrigeran berdenyut di pipa tembaga dari merah di kompresor, oranye di kondensor, biru setelah pipa kapiler, lalu kembali sebagai gas toska, sementara udara sejuk keluar dari kisi dan semburan udara panas mengalir keluar dari kipas unit luar.Three.js · WebGL · Shader
  7. 3D16 dtkMembedah Mesin Jahit EngkolMesin jahit engkol 3D berbodi emas diputar dengan kursor, lalu diurai menjadi dua belas komponen berlabel, dari roda tangan dan poros penggerak sampai sekoci dan gigi pengumpan. Kursor menyorot batang jarum, sekoci, dan pengatur tegangan, merakitnya kembali, lalu menekan Jahit sehingga jarum berderap dan jahitan merah tumbuh di atas kain tenun.Three.js · WebGL · CSS
  8. 3D20 dtkAnatomi Angklung BambuSebuah angklung bambu dua tabung dirender 3D di atas lembar perkamen bergaya katalog museum, lalu digoyang, dilihat sebagai rangka kawat, dan diurai bagian demi bagian sambil kamera memutar perlahan. Grafik gelombang, spektrum dua nada, diagram penalaan rongga, dan gambar teknik tampak depan, samping, dan atas ikut berubah secara langsung.Three.js · Shader · Canvas 2D
  9. Motion design20 dtkMenyelam ke Dasar SamudraKamera turun tanpa potongan dari bawah permukaan laut yang terang sampai dasar samudra 4.000 meter. Di sepanjang jalan tampak kawanan ikan, pari manta yang melintas di atas kepala, ubur-ubur dan sifonofor yang menyala sendiri, salju laut, lalu cerobong hidrotermal yang mengepulkan asap hitam di atas cahaya jingga.Three.js · Shader · WebGL
  10. Interaktif20 dtkAdu Kelereng Mata KucingTujuh kelereng kaca mata kucing berwarna permen tersusun di tengah nampan keramik krem. Kursor menarik gacoan dan menembak sampai kelereng berhamburan keluar lingkaran, memutar meja, mengganti palet warna, lalu kelereng melayang membentuk cincin dan jatuh kembali ke formasi awal.Three.js · Shader · Canvas 2DJuri 91
  11. 3D20 dtkTiga Cara Mengukur WaktuTiga alat pengukur waktu tampil bergantian sebagai ident 3D: jam matahari yang bayangan gnomonnya menyapu angka jam dan membuat angka itu berpendar emas, jam pasir kaca yang aliran pasirnya jatuh lewat leher kaca, dan bandul kuningan yang berayun satu detik per ayunan di atas skala busur yang menyala. Di akhir kamera mundur dan ketiganya berjajar di atas judul penutup Tiga Cara Mengukur Waktu.Three.js · Shader · WebGL
  12. 3D15 dtkEtalase Tiga Rempah NusantaraTiga adegan 3D bergantian memperkenalkan rempah Nusantara: cengkeh yang tersusun menjadi mawar angin kompas, buah pala yang terbelah memperlihatkan daging krem dan biji berbalut fuli merah, lalu ikatan kayu manis bergulung di studio hitam berlantai mengilap yang disapu cahaya hangat. Tiap adegan ditutup nama rempah, nama latin, dan daerah asalnya.Three.js · WebGL · Shader
  13. Motion design20 dtkTiga Kemampuan Udang MantisVideo 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.SVG · GSAP · CSS
  14. Motion design20 dtkRendang Butuh SabarSebuah resep nenek berubah jadi cerita empat jam memasak rendang: daftar bahan dicentang satu per satu, lembar resep tergulung ke atas, lalu wajan miring berisi santan kuning dan potongan daging perlahan menggelap jadi kalio dan akhirnya rendang kering, sementara meteran kematangan di bawah naik dari 0 sampai 100 persen dan ditutup headline "Kesabaran Terbayar."CSS · Canvas 2D · GSAPJuri 91
  15. Motion design20 dtkPuncak Tertinggi NusantaraPertanyaan "Gunung tertinggi di Indonesia?" dijawab lewat layar pemindai gelap beraksen oranye: tujuh kartu puncak dengan siluet khas masing-masing dipindai dari barat ke timur sambil penanda bergerak di peta titik-titik Nusantara, lalu berubah jadi grafik profil ketinggian berskala sama yang diurutkan. Di akhir, PUNCAK JAYA muncul besar dengan bayangan oranye dan angka 4.884 mdpl.Canvas 2D · CSS
  16. Motion design14 dtkMembuat Motif Batik di PonselPanduan aplikasi tiga langkah di atas latar lukisan cat minyak warna pasir: kursor sentuh memilih motif kawung, mengganti warnanya dari sogan ke indigo dan merapatkan polanya, lalu kain batik hasilnya digantung di batang bambu, melambai tertiup angin, dan disimpan.SVG · GSAP · CSSJuri 90
  17. Explainer20 dtkKenapa Layangan Bisa TerbangCatatan sketsa hitam putih menjelaskan layangan dalam empat halaman: judul pembuka, tiga syarat terbang dengan layangan kecil yang jatuh saat talinya putus, diagram empat gaya pada layangan wajik, lalu teknik tarik ulur yang membawa layangan naik dari 18 m ke 58 m dengan jejak titik berbentuk tangga.SVG
  18. Motion design20 dtkCukup Bawa Satu RanselVideo peluncuran satir tentang kebiasaan membawa terlalu banyak barang: kartu daftar bawaan liburan dua hari terus memanjang sampai timbangannya lewat batas dan dicap merah KEBERATAN, lalu semua barang tersedot pusaran di panggung gelap dan muncul tulisan krom besar Ransel. di bawah lampu sorot.SVG · GSAP · CSSJuri 92
  19. Explainer20 dtkRahasia Klik Penanak NasiGambar garis hitam di atas latar terang menjelaskan kenapa penanak nasi tahu kapan nasinya matang: suhu tertahan di 100 °C selama ada air, lalu kaca pembesar menunjukkan magnet termostat yang terlepas di 103 °C, tuas berbunyi klik, dan lampu pindah dari MASAK ke HANGAT. Di akhir, panci berisi gundukan nasi matang sementara panel log mengetik catatan suhu dan keterangan muncul kata demi kata.SVG · CSS
  20. Motion design20 dtkAplikasi Sangrai Kopi TorajaPromo gerak aplikasi fiktif penyangrai kopi: biji Toraja dipilih dari daftar, profil Sedang diatur, lalu kurva suhu biji tergambar langsung sampai crack pertama dan batch selesai dengan notifikasi serta ringkasan 250 g menjadi 212 g. Video ditutup kartu akhir bertuliskan nama aplikasi sangrai.SVG · GSAP · CSS
  21. Motion design20 dtkPeluncuran Bank Sampah DigitalVideo peluncuran aplikasi fiktif Tabung Sampah di latar hitam beraksen hijau mint: tiga batang putih tersusun menjadi logo bersama tagline, kata Pilah. Timbang. Tabung. tampil satu per satu, lalu kartu harga sampah per kilo dan timbangan digital miring dalam perspektif 3D, papan peringkat RT yang berganti juara, dan penutup logo dengan tagline baru.Canvas 2D · SVG · GSAPJuri 91
  22. Motion design20 dtkKe Mana Listrik Rumahmu PergiPromo gerak aplikasi fiktif pemantau listrik rumah: batang bertumpuk 3D berwarna amber di latar gelap memecah pemakaian seminggu menjadi AC, kulkas, lampu, dan lainnya, lalu ponsel miring menampilkan tab Mingguan dan Bulanan sebelum mengecil menjadi ikon aplikasi 3D amber mengilap berbentuk rumah berpetir.Three.js · SVG · CSS
  23. Motion design20 dtkLintang, Pemandu Langit MalamPromo gerak aplikasi fiktif pengamat bintang bernama Lintang: di dalam mockup ponsel, peta langit dengan rasi Orion dan sabuk Waluku tergambar, lalu kartu bulan, planet, kecerahan langit, jadwal malam, dan pengingat hujan meteor Geminid muncul satu per satu mengikuti judul besar di atasnya. Empat titik tema mengubah tampilan aplikasi sampai mode merah, lalu sebuah meteor besar melintas di depan ponsel sebagai penutup.Canvas 2D · SVG · GSAP
  24. Motion design20 dtkJadwal Siram yang Tak TenggelamTipografi kinetik di latar krem bercerita tentang monstera yang menguning karena jadwal siramnya terkubur di galeri foto, lalu aplikasi fiktif kebun kecil mengurutkan lima tanaman menurut rasa haus dan menyiram monstera sampai kelembapannya naik.SVG · GSAP · CSS
  25. 3D15 dtkPulsar, Mercusuar Bintang MatiPiringan debu sisa bintang yang berputar pelan di langit biru malam terangkat menjadi kelopak-kelopak garis medan magnet bercahaya di sekeliling sebuah pulsar. Cincin gelombang kejut menyapu piringan, dua sinar kutub menyala dan berputar seperti mercusuar, lalu salah satu sinar menyapu tepat ke arah kamera dan membanjiri layar dengan kilatan biru putih sebelum kedua sinar kembali terlihat.Three.js · Shader · Partikel
  26. Motion design20 dtkPeluncuran Musim HujanFilm peluncuran bergaya fotokopi halftone hitam dan cyan yang memperlakukan musim hujan seperti produk baru. Setetes air bercahaya menjadi tokoh utama: ia mengikuti kalimat yang diketik, jatuh tepat di ketukan, memicu riak, kata kinetik TURUN, MERESAP, MENGALIR, angka curah hujan, payung yang terbuka, dan akhirnya mendarat menjadi logo.Shader · WebGL · Canvas 2DJuri 93
  27. Motion design20 dtkPasang Surut Mengikuti BulanReel gerak biru elektrik tentang pasang surut: judul kinetik, terminal yang menghitung pasang tujuh hari, tabel enam fase bulan yang menggambar gelombangnya sendiri, lalu diagram bumi dan bulan yang menyusut menjadi logo penutup.Canvas 2D · PartikelJuri 91
  28. Motion design20 dtkKelopak, Buku Lapangan AnggrekPromo gerak aplikasi fiktif Kelopak untuk mengenali anggrek hutan: ponsel 3D berpindah dari kamera makro di hutan yang rimbun ke buku lapangan kertas krem yang menggambar dan menamai Anggrek Bulan, Anggrek Hitam, dan Anggrek Tebu satu per satu. Sebuah kartu kertas lalu keluar dari ponsel dan menguraikan bagian bunga anggrek sampai bibirnya menyala, sebelum partikel emas berkumpul menjadi logo bunga Kelopak.GSAP · CSS · Canvas 2D
  29. Motion design20 dtkKafein, Molekul Pembuka PagiWordmark kafein menebal dari tipis ke hitam pekat, lalu empat belas ubin atom putih yang mengilap berjatuhan di latar lavender terang dan menyusun diri menjadi struktur molekul kafein yang miring dalam 3D, lengkap dengan ikatan, cincin pirimidin dan imidazol, serta legenda 24 atom yang disorot per jenis. Molekul itu menyusut menjadi satu ubin biru yang membesar menjadi kartu miring bertuliskan Selamat pagi.SVG · GSAP · CSS
  30. 3D20 dtkPesta Kodok Musim HujanSeekor kodok dari ribuan titik cahaya bernyanyi di atas daun teratai saat hujan malam, sementara huruf 3D gemuk berwarna muncul satu per satu mengikuti liriknya. Kodok melompat ke kolam, tubuhnya berpusar jadi cincin partikel, lalu kembali ke daunnya untuk menutup video dengan judul PESTA KODOK.Three.js · Shader · Partikel
  31. Motion design20 dtkArisan Rapi Tanpa PusingGelembung obrolan grup arisan yang penuh pertanyaan bermunculan lalu menghilang, kemudian aplikasi fiktif Gilir tampil di ponsel: iuran anggota tercentang lunas satu per satu, pengingat terkirim, dan toples kocokan diguncang sampai keluar kartu pemenang dengan hujan konfeti, lalu ditutup kartu akhir berisi nama Gilir dan ajakan mengunduh.SVG · GSAP · CSS
  32. Explainer20 dtkSapuan, Hitung Cat Tanpa Salah BeliVideo peluncuran aplikasi fiktif Sapuan untuk menghitung cat tembok: ukuran kamar diketik, warna Bata Senja dipilih lalu roller mengecat dinding di pratinjau kamar, dan rumus luas dinding terisi sambil kaleng ilustrasi terisi sampai 6,3 liter. Daftar belanja kaleng cat lalu tersimpan, dan video ditutup kartu nama aplikasi dengan tanggal rilis.SVG · GSAP · CSS
  33. Motion design20 dtkTujuh Keping, Seribu BentukTujuh keping tangram berwarna merah, biru, putih, dan hijau tergambar dari garis, diberi label pecahan luasnya, lalu menyatu menjadi persegi dan berubah wujud menjadi perahu layar, ikan, dan kucing. Semuanya diiringi tipografi kinetik dengan blok sorot merah di latar gelap.SVG · Canvas 2D · GSAP
  34. Motion design10 dtkWijayakusuma Mekar Tengah MalamDi taman bergaya buku cerita bergambar, sore yang keemasan berganti senja lalu malam berbintang sementara jam kecil di pojok berputar cepat menuju pukul 00.00. Tabung bunga merah bata dari tepi daun wijayakusuma melengkung naik, lalu kuncupnya mekar menjadi bunga putih bercahaya berkelopak luar ramping kemerahan yang didatangi ngengat dan aliran serbuk sari.SVG · CSS · Partikel
  35. Motion design20 dtkSatelit Kubus yang Harus DietDi latar hitam bercahaya ungu, kartu anggaran massa satelit kubus fiktif KenariSat terisi baris demi baris sampai totalnya 4,41 kg dan melewati batas roket 4,00 kg. Angka itu dicoret, turun menjadi 3,62 kg bergradasi ungu-magenta, lalu panel laporan menampilkan satelit kubus 3D yang berputar dan membentangkan panel suryanya seperti sayap, bar perbandingan massa awal dan akhir tiap komponen, pengukur batas massa, dan kursor yang mengunci rancangan.CSS · SVG
  36. Motion design15 dtkProfil Gula Aren NiralokaProfil gerak 15 detik untuk produsen gula aren fiktif Niraloka: emblem pohon aren dengan tetes nira yang jatuh ke bumbung, linimasa 2014 sampai 2026, alur empat langkah dari sadap nira sampai ke dapur, angka capaian di panel kuning, lalu grafik penjualan yang tumbuh. Semuanya dibingkai HUD navy beraksen amber dengan sapuan pita diagonal kuning dan oranye antarbab.SVG · GSAP · Canvas 2D
  37. Motion design20 dtkLarik, Teman Menulis PantunTeaser aplikasi fiktif Larik di latar krem beraksen ungu: baris keempat sebuah pantun diketik di editor gelap, lalu tombol Cek Rima menyorot pola a-b-a-b, busur rima, suku kata, serta bagian sampiran dan isi. Video ditutup dengan dinding nama jenis dan istilah puisi Nusantara yang bergulir dan logo Larik.Canvas 2D · SVG · GSAPJuri 90
  38. Motion design15 dtkJejak Neon Sikep MaduGaris neon hijau limau melacak migrasi seekor sikep madu bertanda pemancar melewati empat titik singgah berikon dan berlabel jarak, lalu burung kaca 3D bersayap jari dan berekor kipas mengepak di depan cincin radar di samping tulisan setiap kepakan tercatat. Penutupnya angka 8.640 km yang menghitung naik di balik tiga kartu kaca yang membiaskannya.Three.js · Canvas 2D · Shader
  39. Motion design20 dtkSiul, Pengenal Kicau BurungPromo gerak aplikasi fiktif Siul di latar hitam beraksen oranye: kursor otomatis mengenali ratusan rekaman kicau burung sekaligus, menyorot tiap kicauan di spektrogram yang bergulir, lalu memetakan sebaran Kepodang per bulan.SVG · CSS · Canvas 2DJuri 91
  40. Explainer20 dtkBalapan Angka di Dalam PiGrafik batang gelap berlomba menghitung berapa kali angka 0 sampai 9 muncul dalam 10.000 digit pertama π, lengkap dengan garis rata-rata, grafik kecil selisih yang terus menyempit, deretan digit terbaru, dan penghitung besar di kanan bawah. Di akhir terlihat setiap angka muncul sekitar 10%.Canvas 2D
  41. Explainer20 dtkKenapa Guntur Datang TerlambatVideo penjelas tipografi kinetik di latar gelap: kilat menyambar, kata "guntur" raksasa berwarna oranye menghantam layar lalu masuk ke kalimat, diagram balapan cahaya dan suara sejauh 1 km menunjukkan cahaya tiba seketika sementara suara butuh 2,9 detik, lalu tiga langkah A, B, C mengubah 9 detik jeda menjadi jarak badai 3 km.SVG · GSAP · CSS
  42. Motion design20 dtkLaras, Gitar Selaras SekejapPil penyetel yang miring dalam perspektif menunjukkan senar sumbang dan gelombang pelayangan merah, lalu berubah menjadi bola cahaya yang menggambar gelombang bersih dan mengetik wordmark laras. Ponsel menyetel senar gitar satu per satu sementara teks di kiri ikut berganti, lalu bola cahaya memetik enam senar bercahaya sebelum logo dan tagline muncul.Canvas 2D · SVG · GSAP
  43. Motion design12 dtkAyo Ramaikan Lomba Tujuh BelasanSeorang anak kartun berkaus merah dengan nomor dada 17 dan ikat kepala merah putih mengumumkan lomba tujuh belasan lewat enam adegan pop yang berganti cepat. Judul tebal bergaya stiker, medali emas, kartu lomba yang bergulir, ubin ikon karung sampai kerupuk, dan hujan konfeti menutup ajakan untuk meramaikan lapangan.SVG · GSAP · PartikelJuri 91
  44. Motion design20 dtkSatu Langkah Sampai Garis FinisIklan tipografi kinetik tentang lari maraton: huruf serif tebal SATU, Tempo, Napas, Jarak, dan Terus bergantian di latar kertas, hitam, dan merah, ditemani catatan monospace, grafik tempo, gelombang napas, dan 42 kotak kilometer yang terisi, lalu ditutup pita finis merah yang putus di tengah.SVG · Canvas 2D · CSS
  45. Explainer20 dtkBunga Matahari dari Sembilan Baris KodeTutorial koding vertikal tiga langkah: editor gelap mengetik kode JavaScript, dan panel hasil berlatar pastel langsung menyusun 480 biji dengan sudut emas 137,5°, memperlihatkan 21 dan 34 spiral Fibonacci, lalu memekarkan bunga matahari lengkap dengan kelopaknya.SVG · CSSJuri 93
  46. Motion design15 dtkKilap, Kasir Cuci SepatuPromo gerak aplikasi fiktif Kilap untuk jasa cuci sepatu: tiga pasang sepatu dicatat dan notanya masuk antrean, sikat berputar membersihkan sepatu lalu dibilas dan dikeringkan sambil tahap kerja maju, lalu pelanggan dikabari lewat ponsel bahwa sepatunya siap diambil.SVG · GSAP · CSS
  47. Motion design20 dtkSepakat Main Futsal Jumat MalamDemo produk aplikasi fiktif Sepakat: tautan undangan di obrolan grup terbuka menjadi halaman main futsal, Dimas ikut dan memilih posisi Pivot, lalu tiga teman mengisi lapangan sampai 10 dari 10 sementara biaya per orang turun dari Rp 50.000 ke Rp 30.000 dan lampu lapangan menyala terang. Kartu Sebelum dan Sesudah lalu logo Sepakat dengan sepuluh token pemain dua tim menutup video.CSS · SVG
  48. Interaktif20 dtkCapung Satu Jari di Rawa MalamTrailer vertikal untuk gim fiktif SYUUT!: seekor capung neon terbang sendiri menyusuri lorong cahaya di rawa malam, naik saat tombol ditahan dan turun saat dilepas, memungut tetes embun, lalu nyaris menyentuh laba-laba dan duri tepat di ketukan. Video ditutup layar cyan bertuliskan "Cuma itu." yang kemudian naik memberi tempat bagi ikon gim berisi capung yang melayang.Canvas 2D · Partikel · Fisika
  49. Explainer20 dtkJebakan Puing di OrbitVideo penjelas bergaya infografis editorial gelap tentang sampah antariksa: daftar kinetik dan grafik batang skematik membuka cerita, lalu seratus ubin ikon benda orbit beserta bilah komposisinya berubah merah satu per satu setelah satu serpihan yang dikunci sebagai target memicu tabrakan berantai, dan akhirnya grid hanyut sebagai medan puing.SVG · CSS · Canvas 2D
  50. Explainer16 dtkKabar Lewat Titik dan GarisAnimasi penjelas hitam putih bergaya kertas dan halftone tentang cara kerja telegraf: jari menekan kunci di Stasiun A, arus berlari lewat kawat antartiang, elektromagnet di Stasiun B menekan pita kertas, lalu titik dan garis terbaca menjadi kata HALO dengan stempel DITERIMA.Canvas 2D
  51. Motion design15 dtkKapang Hafal Resep TempeSebutir kedelai jatuh dan memantul di atas daun pisang, lalu benang kapang tumbuh darinya dan menyambung ke kartu resep ragi, grafik suhu peram, stok dan pesanan, serta memo tempel bercatatan spidol. Layar berubah gelap, semua kartu ditarik kembali ke kedelai, daunnya membungkus, serat kapang memancar, dan tulisan raksasa KAPANG HAFAL RESEPMU mendarat dengan kedelai itu sebagai titiknya.SVG · GSAP · Canvas 2D
  52. 3D20 dtkDrone Lipat Menyambut FajarSebuah drone lipat berwarna grafit melayang di studio gelap, membuka lengan dan baling-balingnya lalu mulai berputar. Kamera masuk ke lensa gimbalnya yang memantulkan fajar di antara menara karst, lalu drone itu terbang menjauh dan berhenti sebagai siluet di depan matahari.Three.js · Shader · Partikel
  53. 3D20 dtkIklan Payung Lipat RinaiIklan vertikal untuk payung lipat otomatis fiktif RINAI: payung merah koral bermotif kawung yang tertutup dan berembun disorot dekat di tengah hujan malam, tombol di gagang kayunya ditekan, lalu payung mekar dengan teks JEPRET! sementara hujan memantul di kanopi dan air menetes dari ujung rangkanya. Di akhir langit berubah cerah dan payung berputar pelan di antara tetes air warna-warni bersama nama produk dan taglinenya.Three.js · Shader · Canvas 2D
  54. Motion design20 dtkRawat, Pengingat Servis MotorPromo gerak vertikal untuk aplikasi fiktif Rawat: mur, baut, roda gigi, dan tetes oli 3D berjatuhan di sekitar tanda tanya amber dan kartu pertanyaan servis, lalu ponsel 3D memindai odometer motor dan menampilkan dasbor jadwal servis oli, rem, ban, serta busi.Three.js · Canvas 2D · SVG
  55. Motion design20 dtkSekotak, Bekal Sekolah OtomatisVideo peluncuran 20 detik untuk aplikasi fiktif Sekotak yang menyusun bekal sekolah anak: kartu bekal di latar gelap berbola kaca toska terisi sendiri, judul muncul di atas gradasi aurora, wizard enam langkah diisi otomatis sampai jadwal diaktifkan, lalu kalender bekal Senin sampai Jumat menyusun kotak bekal berikutnya.GSAP · CSS · SVG
  56. Motion design10 dtkGerhana Total di Siang BolongKata LANGIT CERAH dan PUKUL 11.42 menyentak di layar hitam, lalu kata raksasa SIANG di kertas terang ditelan cakram bulan hitam sampai cahaya habis. Di tengah sinar merah dan korona putih, judul GERHANA • TOTAL dicap huruf demi huruf, pita merah miring menyapu masuk bersama stempel GELAP, dan cincin berlian menyala makin terang di tepi bulan sebagai penutup.Canvas 2D · SVG · CSS
  57. Motion design20 dtkTampung, Jasa Panen Air HujanVideo layanan bergaya editorial krem untuk jasa fiktif Tampung: garis biru tebal mengalir dari daftar langkah ke grafik curah hujan yang menandai musim hujan dan menghitung 165.504 liter per tahun dari atap, lalu menjadi pipa yang mengisi tangki 2.000 liter sebelum ditutup daftar langkah tercentang dan tombol survei gratis.SVG · CSS
  58. Motion design20 dtkAtsiri, Racik Parfum OtomatisVideo peluncuran 20 detik untuk aplikasi fiktif Atsiri: kursor memilih keluarga aroma dari daftar, pesanan tentang wangi tanah setelah hujan diketik, lalu kalender seminggu terisi botol parfum. Di latar gelap, empat panel Formula, Aroma, Racik, dan Kirim bekerja di sekitar logo tetes yang meneteskan cairan ke botol racikan hingga botol siap dan mengepulkan kabut wangi, lalu kamera mundur ke dinding rapi botol batch lain yang terisi satu per satu dan ditutup kalimat Satu aroma, tiap pagi.SVG · CSS
  59. Explainer20 dtkKenapa Jagung Bisa MeletupDi atas kertas berpetak bergaya buku sketsa, seorang koki piksel menyalakan kompor lewat tombol hijau, lalu potongan sebutir jagung menunjukkan air di dalamnya berubah jadi uap sampai tekanan 9 atm, kulitnya retak, dan jagung meletup menjadi berondong. Ember berondong terisi sampai meluber, sebutir berondong gosong jatuh di puncak, dan koki kaget karena apinya lupa dimatikan.Canvas 2D · Pixel art · Partikel
  60. Motion design20 dtkNeraca, Banding Harga SepasarIklan peluncuran vertikal untuk aplikasi fiktif Neraca di latar hitam: kartu harga beras dari delapan pasar tersusun berdampingan, sinar pemindai biru membaca tiap harga, menggambar grafik tren mini, dan memberi label murah, wajar, atau mahal. Daftar lalu diurutkan, timbangan miring ke pasar termahal, dan grafik batang menutup dengan selisih Rp 2.700 per kilo.SVG · CSS
  61. Motion design20 dtkJaga, Jurnal Kebun SatwaDua belas wajah coretan perawat satwa, dokter hewan, pemandu, dan tim malam tersusun di halaman putih dengan judul "Semua tercatat.", lalu tabel Jurnal Satwa Harian terisi baris demi baris. Kamera mendekat ke kolom Tahap pakan dan Kondisi yang berganti sendiri disertai notifikasi, lalu ditutup logo aplikasi fiktif Jaga dengan peta lima kandang yang dihubungkan jalur putus-putus.SVG · GSAP · CSS
  62. Motion design20 dtkSisir, Booking Barbershop OtomatisIklan vertikal 20 detik untuk aplikasi fiktif Sisir: pertanyaan booking pelanggan barbershop melayang di latar gelap, tiga kursi cukur terisi sendiri, lalu balasan magenta diketik huruf demi huruf sementara harga, jam buka, dan kursi kosong melompat dari kartu info ke dalam balasan sampai jadwalnya terkunci dengan tiket bergaris tiang barbershop.SVG · GSAP · CSS
  63. Motion design20 dtkPanel Surya yang Tak Pernah SamaDi latar oranye hangat, tujuh kartu hari menunjukkan panel surya yang sama berkapasitas 4,2 kWp, lalu kartu cuaca memperlihatkan hasil listrik yang berbeda tiap hari. Kamera mendekat ke kartu hari ini saat kurva daya digambar jam demi jam, awan putih melintas di depan kartu dan membuat kurvanya turun, lalu grafik seminggu dan logo aplikasi fiktif Terik menutup video.GSAP · CSS · SVG
  64. Explainer15 dtkLinimasa Kopi NusantaraLinimasa neon 15 detik tentang perjalanan kopi di Nusantara: tahun 1696, 1711, 1876, 1900 dan Kini menghantam layar satu per satu, lalu bibit dalam pot, kapal layar bermuatan karung kopi, daun yang terserang karat, dahan robusta berperisai, dan cangkir yang terisi kopi digambar dengan garis putih. Video ditutup dengan kalimat "Dari sebutir biji, ke seluruh dunia."SVG · CSS · PartikelJuri 91
  65. Motion design15 dtkLekas, Layar Terkunci Sampai BerdiriPromo gerak vertikal untuk aplikasi fiktif Lekas: tipografi besar di latar senja mengumumkan layar yang terkunci sampai kamu berdiri, lalu ponsel memperagakan tiga langkahnya, dari pengingat 50 menit, undian gerakan acak, sampai figur garis bercahaya yang memutar lengan sepuluh kali hingga layar terbuka.Canvas 2D
  66. Motion design20 dtkSetetes, Donor Tepat WaktuVideo peluncuran 20 detik untuk aplikasi fiktif Setetes yang mempertemukan pasien dengan donor darah: kartu masalah tentang pesan berantai, golongan yang tidak cocok, dan kabar terlambat, lalu peta radar yang menyalakan tiga donor O− sementara ponsel mengisi daftar donor, dan logo tetes darah yang terbentuk di akhir.SVG · GSAP · CSS
  67. Explainer15 dtkAlih Aksara 480 Lempir LontarEmpat langkah alur kerja digitalisasi naskah lontar dijelaskan di latar abu terang: foto daun lontar, potong per lempir, skrip alih aksara yang ditulis bersama AI, lalu katalog daring. Setelah itu jendela terminal menjalankan skripnya, menghitung sampai 480 lempir sementara kartu lontar di panel kanan terisi alih aksara satu per satu.SVG · Canvas 2D · CSS
  68. Motion design20 dtkPeron, Teman Naik KeretaPromo gerak aplikasi kereta komuter fiktif Peron di latar hijau tua: ponsel 3D yang miring dan berputar memperlihatkan peta jalur kereta yang tergambar sendiri, grafik kepadatan dengan penggeser jam berangkat, denah gerbong tempat kursi 5C ditandai dengan satu ketukan, lalu dasbor perjalanan pagi. Judul tebal putih beraksen hijau mint bergantian di sisi ponsel dan ditutup logo Peron.CSS · GSAP · SVG
  69. Motion design20 dtkTungku, Sembilan Alat DapurSembilan ikon aplikasi dapur melayang masuk ke layar ponsel di atas latar gradasi pastel, lalu berkumpul menjadi logo Tungku. Tiga aplikasi andalannya, Takar, Rebus, dan Ragi, tampil bergantian di ponsel sebelum ditutup kartu akhir berisi kesembilan ikon.SVG · CSS
  70. Motion design20 dtkMangsa, Prakiraan Tanam SepekanSeorang petani kartun bercaping menunjuk kolom pencarian "padi di Klaten", lalu tabel tujuh hari terisi cuaca, hujan, angin, kelembapan, dan saran kerja sawah, dan tiap kolom menyala bergantian. Awan badai melintasi Rabu dan Kamis, Senin dicap sebagai hari tanam dengan bibit yang tumbuh, lalu panel melipat menjadi kartu logo Mangsa sementara petani melambai.SVG · GSAP · CSS
  71. Motion design15 dtkReel Gerak Metamorfosis Kupu-KupuReel motion graphics lima bab dengan bingkai HUD: tipografi kinetik BERUBAH, WUJUD, MAKAN, dan TUMBUH, lalu satu siluet putih di latar biru berubah dari telur, ulat berkaki, kepompong yang tergantung di ranting, hingga kupu-kupu. Ribuan titik 3D kemudian membentuk kupu-kupu, kawanan, dan lintasan migrasi sebelum kata TERBANG dan seekor kupu-kupu putih menutup video.Canvas 2D · Partikel
  72. Motion design20 dtkPulang, Mudik Tanpa RibetSembilan ubin ikon urusan mudik Lebaran melayang di sekitar wordmark aplikasi fiktif Pulang, lalu tersambung dalam satu lingkaran bercentang. Setelah itu jadwal H-7 sampai Hari H tersusun di pohon garis, rute Jakarta ke Klaten terpantau dengan jarak yang menghitung mundur, dan video ditutup di wordmark dengan ikon yang kembali melayang.SVG · GSAP · CSS
  73. Motion design14 dtkGlasir, Pembakaran Keramik TerkendaliFilm produk gelap beraksen emas bara untuk aplikasi fiktif Glasir: dasbor tungku keramik miring dalam perspektif menghitung suhu sampai 1.240 °C sambil kurva pembakaran tergambar dan kerucut pirometrik menunduk, ubin uji glasir berubah dari mentah pucat menjadi tenmoku matang lalu terbang masuk ke daftar isi tungku, dan kartu 'Pembakaran #128 · Selesai' berganti menjadi wordmark Glasir.CSS · SVG · Canvas 2D
  74. Motion design20 dtkKunci, Kelola Kos Tanpa DramaDasbor kos yang kacau menampilkan Rp 0 sewa diterima sementara pesan penghuni terus menumpuk, lalu kalimat "Jujur saja. Masalahmu bukan penghuninya" berganti menjadi "catatanmu". Kartu gradasi buram menajam menjadi aplikasi fiktif Kunci: dua belas kamar berubah hijau satu per satu sampai Rp 14.400.000 terkumpul.Canvas 2D · CSS
  75. Motion design20 dtkRentang, Lukis Harimu di Satu PutaranVideo peluncuran aplikasi fiktif Rentang untuk merancang hari: butiran jam terbang dari kartu 16 jam terjaga ke jam dinding 24 jam dan mewarnai lima kegiatan tepat di slot waktunya sampai sisanya nol, lalu semuanya terbentang menjadi garis waktu 06.00 sampai 22.00.GSAP · SVG · Canvas 2D
  76. Motion design20 dtkAtlas Awan Edisi Musim HujanLima halaman majalah bergaya editorial di kertas krem memperkenalkan awan: judul besar bertitik merah, angka 12.000 meter yang menghitung naik, glosarium sepuluh genus awan, dan indeks empat lapisan langit. Gambar garis awan tergambar sendiri dan melayang pelan di bagian bawah tiap halaman.SVG · GSAP · CSS
  77. Motion design20 dtkRepertoar, Setlis Satu VersiDi jendela obrolan terang, seorang personel band meminta asisten menyimpan keputusan latihan: lagu Lampu Kota turun ke nada D dan jadi lagu penutup. Kartu hasilnya diklik, lalu aplikasi gelap fiktif Repertoar terbuka dan memindahkan lagu itu ke urutan terakhir, mentransposisi akornya, dan menandai semua personel sudah membaca.SVG · GSAP · CSS
  78. Motion design15 dtkShowreel Gotong Royong KampungShowreel tipografi kinetik 15 detik tentang gotong royong: kata GOTONG ROYONG, peribahasa berat sama dipikul, titik-titik warga yang berkumpul membentuk lingkaran, grid bentuk yang tertata, lalu barisan teks miring kerja bakti sebelum ditutup ajakan kumpul Minggu pagi.Canvas 2D
  79. Motion design20 dtkLahap, Wadah Pakan yang BertanyaTutup bundar wadah pakan pintar fiktif Lahap bertanya apakah Mochi perlu diberi 20 g pakan, tombol jawabannya membesar di tengah layar lalu diketuk. Di adegan akhir aliran butiran pakan mengalir dari corong ke mangkuk baja hingga menggunung, lalu muncul notifikasi bahwa pakan sudah terisi.SVG · Canvas 2D · GSAP
  80. Motion design20 dtkLekat, Takarir Selalu Tepat WaktuPromo gerak antarmuka desktop gelap untuk aplikasi fiktif Lekat: dialog peringatan menyebut 412 baris takarir meleset setelah video dipotong, lalu Lekat memetakan gelombang suara dialog dan dengan satu klik menggeser setiap blok takarir kembali menempel ke suaranya. Kamera menyorot linimasa dan tabel baris sebelum ditutup kartu logo.SVG · CSS
  81. Motion design20 dtkLembar, Herbarium Tanpa RibetDi panggung gelap, panel isian aplikasi fiktif Lembar mengetik data kantong semar dan lembar herbarium di sebelahnya ikut terisi, termasuk gambar tanamannya yang tergores garis demi garis. Lalu kursor mengganti templat, warna, dan huruf, dan video ditutup dengan tiga versi lembar yang mengipas di samping nama aplikasinya.CSS · SVG · Canvas 2D
  82. Motion design15 dtkAlap-Alap Kawah MenukikDi latar arang gelap, sayap alap-alap kawah tergambar sebagai garis putih yang bulunya menyala merah bergantian, lalu terlipat rapat sementara garis arus udara menyempit dan hambatan udara turun. Burung bertengger tergambar garis demi garis, kemudian layar berubah merah saat ia menukik dari samping dan penghitung kecepatan naik sampai 320 km/j.Canvas 2D · SVG · CSS
  83. 3D15 dtkKompas Saku Sembilan GayaKata ARAH dan sebuah kompas saku 3D yang jarumnya terus berayun berganti gaya tiap satu setengah detik: cetak biru, komik, hologram, gim piksel, terminal ASCII, batik, lampu neon, dan tanah liat. Video ditutup di atas peta pelayaran kuno saat jarum akhirnya tenang menunjuk utara.Three.js · Canvas 2D · WebGL
  84. Motion design20 dtkOper, Pinjam Barang TetanggaVideo peluncuran 20 detik untuk aplikasi fiktif Oper: stiker bor, tangga, dan tenda muncul di latar pastel bersama kalimat tentang barang yang jarang dipakai, stiker barang tetangga melayang lalu tersedot ke tengah, logo oper. mendarat dengan gelombang cincin, dan ponsel memperagakan peta kampung ilustrasi di Yogyakarta sampai pinjaman bor disetujui.SVG · GSAP · CSS
  85. Motion design15 dtkLima Wajah Huruf OmbakKata OMBAK dieja huruf demi huruf, dan tiap huruf berperilaku seperti air: O memancarkan riak dan gelombang kejut, M meliuk bergelombang, B terisi buih, A dikelilingi cincin kata pasang surut, dan K tercebur memercikkan mahkota air. Di akhir kelima huruf berjajar rapi membentuk OMBAK yang bergoyang pelan di atas pita ombak.Canvas 2D · Shader · WebGL
  86. Motion design20 dtkMerancang Rambu Kebun RayaBlob terakota bertuliskan Arah. membuka kanvas desain bertitik berisi tiga rambu kebun raya dengan bentuk berbeda: papan gerbang lebar bertiang dua, totem persimpangan, dan papan peta di atas tiang tunggal. Totem dirakit komponen demi komponen berlabel, rute di peta tergambar, lalu kanvas miring menjadi perspektif 3D dengan papan terangkat dan komponen berlabel melayang.SVG · GSAP · CSS
  87. Motion design20 dtkKisah Angka Nol dalam 20 DetikShowreel tipografi berlatar jingga kunyit menceritakan perjalanan angka nol: angka 628 bergaris tipis, tiga lambang nol kuno dari Babilonia, Maya, dan India di depan garis besar angka 0 raksasa, lalu deretan nol yang melipatgandakan angka 1 menjadi 1.000.000 di atas penggaris nilai tempat. Sapuan cahaya diagonal membuka layar hitam tempat angka 0 tergambar, menyala, dan meledak menjadi serpihan cahaya dengan kalimat penutup.SVG · CSS · Canvas 2D
  88. Motion design20 dtkUlem, Undangan dari Satu PesanVideo peluncuran bergaya kertas untuk aplikasi fiktif Ulem: pesan obrolan acara yang berantakan dirapikan menjadi kartu undangan syukuran, catatan tempel berisi satu kalimat berubah menjadi undangan khitanan bermotif kawung, lalu satu undangan berganti empat gaya. Video ditutup dengan nama Ulem dan tiga kartu undangan yang mengipas naik.SVG · CSS · GSAP
  89. Explainer20 dtkDari Daun Tarum ke Biru NilaVideo penjelas empat bab tentang pewarna alami nila: daun tarum dipetik ke bakul, direndam di gentong sampai air jernihnya menguning, dikocok dengan kapur hingga busa membiru dan endapan nila turun, lalu kain jumputan dicelup tiga kali hingga bergradasi biru dengan titik putih. Tiap bab punya warna latar sendiri yang datang lewat sapuan diagonal, judul serif yang muncul per huruf, dan penanda bab di bagian bawah.Canvas 2D · CSS · Partikel
  90. Motion design20 dtkKenalan Dulu dengan Sepak TakrawReel vertikal bergaya pop art kuning: enam kartu fakta sepak takraw berwarna terang muncul satu per satu, lalu bola rotan melesat ke kamera dan lingkaran biru membuka papan taktik tempat satu reli dimainkan dari servis, umpan, sampai smes salto yang berbuah poin.Canvas 2D · SVG · CSS
  91. Explainer15 dtkSebotol Plastik Bertahan 450 TahunPenghitung tahun emas bergulir dari 2026 ke 2476 sementara sebuah botol plastik terkikis dari kiri menjadi serpihan dan debu mikroplastik, lalu angka besar 450 TAHUN dibandingkan dengan 10 menit pemakaiannya lewat dua batang perbandingan. Video ditutup dengan botol-botol berjatuhan membentuk tumpukan, tumbler logam emas yang naik dari tengah tumpukan, dan ajakan BAWA BOTOLMU.Canvas 2D · CSS · Partikel
  92. Explainer20 dtkRiwayat Lampu Pengusir MalamLinimasa bergaya ukiran tinta di atas kertas perkamen menelusuri sejarah lampu buatan manusia, dari lampu batu berisi lemak hewan sampai lampu LED, dengan tahun yang berhitung, ilustrasi garis yang tergambar sendiri, dan penggaris waktu di bagian bawah. Di akhir, delapan lampu berjajar sebagai medali kecil dengan kalimat penutup tentang 17.000 tahun mengejar malam.SVG · Canvas 2D
  93. Motion design20 dtkSeratus Lampu untuk Gang KamiVideo peluncuran bergaya tipografi kinetik di latar gelap tentang gerakan warga fiktif Gang Nyala: grafik pejalan kaki yang datar, gang sempit yang satu-satunya lampu jalannya berkedip lalu padam, lalu seratus lampu menyala di peta kampung sampai gang itu terang lagi, dengan lampu di kedua dinding, warung yang buka, dan warga berjalan.Canvas 2D · SVG · CSS
  94. Motion design20 dtkSerempak, Paduan Suara Tanpa RepotLabel urusan paduan suara seperti partitur di WhatsApp, absensi di kertas, dan iuran di buku tulis melayang berserakan dan berdenyut mengikuti ketukan empat yang makin cepat, sementara kalimat muncul kata demi kata. Semua label tersedot menjadi satu titik kuning yang bergulir menjadi titik pada wordmark Serempak, lalu panel latihan empat suara tampil dan empat garis gelombang menyatu menjadi satu garis kuning yang menyala serempak.SVG · GSAP · CSS
  95. Explainer20 dtkKenapa Es Batu MengapungSebuah spidol menggambar tiga kartu catatan coretan tangan di kertas krem: es batu jatuh ke gelas lalu mengapung, molekul air yang rapat berubah jadi kisi heksagonal berongga, lalu gunung es yang 90% tersembunyi. Kamera mundur memperlihatkan semuanya bersama catatan tempel berisi intinya.Canvas 2D
  96. Motion design20 dtkShowreel Sekolah Hutan OrangutanShowreel gerak 20 detik untuk pusat rehabilitasi orangutan fiktif Kanopi Pulang: kutipan kinetik di latar hijau pucat, kartu tiga lulusan sekolah hutan, grafik batang pelepasliaran 2015 sampai 2025, kilasan kurikulum di latar jingga, lalu siluet orangutan bergelantungan satu tangan di liana di depan bulan jingga.Canvas 2D · SVG · CSS
  97. Motion design20 dtkBenahi, Kafe Reparasi WargaReel tipografi kinetik 20 detik untuk kafe reparasi warga fiktif Benahi: barisan teks bergaris berjalan di latar gelap, biru, dan oranye, panah oranye melesat di atas dan bawah kata pada kertas berpetak, lalu cahaya toska membanjiri layar sebelum logo Benahi bertitik oranye muncul.SVG · CSS
  98. Motion design20 dtkMenanam Laut Sepanjang TahunVideo perkenalan bergaya potongan kertas untuk koperasi rumput laut fiktif Tali Biru: rumpun rumput laut tumbuh di tali bentang di bawah ombak kertas, lalu dua kartu kertas menjelaskan budidaya dan panen sebelum ditutup dengan logo tali yang terikat.SVG · GSAP · Canvas 2D
  99. Motion design20 dtkLoyang, Dari Chat ke ToplesVideo peluncuran vertikal untuk aplikasi fiktif Loyang bagi pembuat kue kering rumahan: kata-kata dari chat pelanggan terbang menjadi kartu pesanan, nastar berjatuhan mengisi toples berlabel "Bu Rina", daftar belanja tercentang di atas loyang berisi empat jenis kue, lalu rute antar tergambar di peta sebelum logo muncul di tengah cincin kue yang berputar.SVG · GSAP · CSS
  100. Explainer20 dtkEmpat Penjaga Kereta MalamDiorama isometrik gelap sebuah ruang kendali kereta fiktif: empat petugas bertopi dinas disorot lampu satu per satu sambil mengetik dan menarik tuas, sementara papan lintas di dinding menunjukkan sinyal berganti hijau, wesel dipindah, dan kereta tiba dengan selamat. Di akhir ruangan menghangat dan papan berdenyut hijau bertuliskan Semua Lintas Aman.Canvas 2D
  101. Motion design20 dtkEndus, Kucing Hilang Cepat PulangPoster kucing oranye bernama Kunyit tertimbun ribuan unggahan grup sampai dicap TERTIMBUN, lalu radar aplikasi fiktif Endus menyapu laporan warga sekitar dan menyalakan titik oranye yang mirip Kunyit. Video ditutup kartu temuan 350 m dari rumah dan logo Endus.Canvas 2D · SVG · GSAP
  102. Motion design20 dtkKenapa Es Krimku Keras BatuSeseorang mengetik keluhan ke jendela terminal gelap: es krim buatannya selalu keras seperti batu, sementara sendok di bawahnya terpental dari wadah. Layar berganti ke latar sinar gelap berputar dengan seruan Tunggu dulu., tiga kartu menjelaskan penyebabnya (kristal es, gula, udara), lalu percobaan kelima berakhir dengan sendok yang menyendok es krim lembut.Canvas 2D · CSS
  103. Explainer20 dtkRahasia Air Sejuk dalam KendiCerita bergaya potongan kertas tentang Laras yang pulang dari sawah, mencoba air di botol kaca lalu di kendi tanah liat, dan heran mengapa air kendi lebih sejuk. Penampang dinding kendi menunjukkan air merembes lewat pori, menguap, dan membawa panas pergi, lalu Laras minum langsung dari corot kendi.Canvas 2D
  104. Explainer20 dtkSepiring, Penyelamat Makanan SisaVideo penjelas gelap beraksen oranye untuk jaringan fiktif Sepiring: puluhan warung yang membuang sisa makanannya sendiri-sendiri berkumpul menjadi satu jaringan, lalu peta kota memperlihatkan kurir menjemput porsi berlebih dan mengantarnya ke dapur umum.Canvas 2D · CSS · SVG
  105. Motion design20 dtkCangkang Arsip, Satu Tab Semua CangkangVideo peluncuran bergaya jendela peramban gelap untuk arsip fiktif cangkang.arsip: logo nautilus spiral tergambar bersama sekat ruangnya, tujuh jenis cangkang tersusun dengan angka yang berhitung sampai 78.597, lalu kursor membuka halaman kauri harimau mengilap lengkap dengan penggaris dan kartu data sebelum ditutup kartu akhir.SVG · CSS
  106. Motion design20 dtkPapan Lab, Rakit Papan SeluncurmuPapan seluncur 3D dengan lapisan kayu berwarna di sisinya melakukan kickflip sambil berganti tema warna di atas pita motif kawung, lalu tiga panel peramban gelap memperlihatkan uji kebulatan roda, grafik respons truk, dan latihan ollie dengan skor. Video ditutup dengan papan yang kembali melayang di bawah wordmark PAPAN LAB.Three.js · SVG · GSAP
  107. Motion design20 dtkSorak, Cuplikan Komentator KampungTiga kartu ilustrasi datar bergantian memutar komentator lomba kampung (sepak bola tarkam, bulu tangkis antarkampung, balap karung Agustusan yang dimenangi peserta nomor 3) lengkap dengan takarir yang menyala kata demi kata. Ketiganya lalu terbang masuk ke aplikasi fiktif Sorak yang merangkainya jadi satu cuplikan sorotan.SVG · GSAP · CSS
  108. Motion design20 dtkGiliran, Antre dari RumahBu Rini mengambil nomor antrean klinik A-017 lewat ponsel dan memantau sisa antrean dari rumah. Di klinik, layar panggilan memanggil A-015, A-016, lalu A-017, dan tiap pasien ilustrasi datar menunjukkan ponselnya ke perawat di samping loket sebelum masuk lewat pintu ruang periksa.SVG · CSS
  109. Motion design20 dtkCengkam, Catatan Panjat DindingIkon aplikasi fiktif Cengkam di layar ponsel gelap membuka logo, daftar rute panjat dinding yang dicentang satu per satu, lalu halaman rute Tangga Awan dengan jalur pegangan yang tergambar dan tombol yang menandai rute selesai dengan kepulan debu kapur.GSAP · SVG · CSS
  110. Motion design20 dtkAjar, Les Privat Plus BonusnyaVideo peluncuran aplikasi fiktif Ajar di atas langit biru pucat berawan: kursor mengetik lokasi les matematika, tiga tutor muncul dengan bonus sesi coba gratis, lalu kartu perbandingan menghitung nilai bonus tiap tutor dalam rupiah dan kursor memesan sesi coba sebelum ditutup logo Ajar.Canvas 2D · GSAP · CSS
  111. Motion design20 dtkTakar, Jadwal Obat IbuTempelan kertas berisi pengingat obat Ibu dari anak-anaknya menumpuk di latar krem sampai badge merah menghitung dua belas dosis terlewat, lalu kalimat besar muncul dari buram dan ponsel aplikasi fiktif Takar mencentang jadwal obat dari pagi sampai malam sambil memberi tahu seluruh keluarga.CSS · GSAP
  112. Motion design20 dtkTas Anyam Pandan Edisi PertamaFilm peluncuran 20 detik untuk tas anyam pandan fiktif Serat: makro anyaman hitam arang dengan dua daun pandan amber dan biru yang teranyam bersilang, lembar spesifikasi di samping tas tote bertali kulit yang disinari cahaya tepi, kilatan putih, lalu tas melayang di depan huruf raksasa ANYAM dengan label edisi pertama.SVG · GSAP · CSS
  113. Explainer20 dtkKenapa Sabun Mengangkat MinyakSpidol menggambar catatan sketsa hitam putih: bahan air, minyak, dan sabun, molekul sabun dengan kepala suka air dan ekor suka minyak, lalu noda minyak di tengah piring dikepung molekul sabun sampai terangkat menjadi misel. Garis air menyapu misel keluar kotak, empat poin ringkasan dicentang satu per satu, dan piring berkilau bersih.SVG · CSS
  114. Explainer20 dtkGumuk Pasir yang BerjalanSimulasi 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.Three.js · Shader · Fisika
  115. Explainer20 dtkLab Garis Geser Kunci SilinderDi ruang lab dengan panel skema yang menyala, rak kunci, dan lemari laci, sebuah kunci silinder kaca berbingkai kuningan berdiri di meja kerja. Kursor otomatis mencoba kunci kuningan yang salah lalu yang benar sampai kelima pin rata di garis geser, silinder berputar, grendel tertarik, dan kamera mendekat ke tumpukan pin saat status berubah menjadi terbuka.Three.js · Shader · WebGL
  116. Explainer20 dtkLab Pasir: Nada Menjadi PolaDi sebuah laboratorium gelap bercahaya tembaga, kursor otomatis menggeser nada generator sinyal sehingga pasir di atas pelat kuningan yang bergetar berkumpul membentuk tiga pola garis simpul yang makin rumit. Peta getar berwarna menunjukkan bagian yang bergerak dan garis yang diam, lalu setiap pola tercatat di bingkai dinding.Three.js · Shader · Partikel
  117. Explainer20 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
  118. Explainer20 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
  119. Explainer20 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
  120. Explainer20 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
  121. Explainer20 dtkTabel Perkalian di Dalam LingkaranSepuluh titik bernomor di sebuah lingkaran dihubungkan dari n ke 2n dengan garis kuning bercahaya, lalu titiknya bertambah sampai 200 dan muncul bentuk hati kardioid. Pengalinya kemudian diputar perlahan sehingga kardioid berubah menjadi nefroid dan pola bunga yang makin rumit.Canvas 2DJuri 91
  122. Explainer20 dtkRahasia Geiser MenyemburPenampang bumi bergaya diagram gelap menunjukkan air hujan mengisi rongga di atas batuan panas, memanas melewati 100°C tanpa mendidih, lalu mendidih seketika dan menyembur tinggi bersama awan uap saat tekanan turun. Grafik suhu terhadap kedalaman di sampingnya memperlihatkan kurva titik didih bergeser dan memotong kurva suhu air.SVG · Partikel
  123. Explainer20 dtkPacu Jalur dalam Lukisan TintaLukisan tinta di atas kertas krem menceritakan Pacu Jalur di Sungai Kuantan: sebatang pohon besar tumbang, rantingnya luruh, lalu batangnya memanjang menjadi perahu berhaluan ukir. Puluhan pendayung berpacu, perahu kedua menyalip di depan tanjung penuh penonton berpayung, dan matahari senja menutup cerita dengan pesan untuk pulang ke kampung.Canvas 2D · Partikel
  124. Explainer20 dtkAnatomi Satu Klik PulpenPulpen ceklek 3D di panggung gelap diurai menjadi tumpukan enam bagian berlabel, dirakit kembali, lalu diperagakan klik demi klik: tombol ditekan, rotor bergigi berputar, ujung bola keluar dan masuk lagi. Kata besar seperti Tekan., Klik., dan Masuk. berganti tepat di ketukan, ditemani mistar milimeter, diagram jalur gigi rotor, dan close-up gigi rotor.Three.js · SVG · CSS
  125. Explainer20 dtkMenyelam ke Dalam Benang Laba-LabaSatu bidikan tanpa putus menukik dari jaring laba-laba kebun berembun ke benang spiral berbutir lem, sehelai benang pengaman, penampang serat berisi ribuan nanofibril, rantai protein dengan kristal kecil, sampai ikatan hidrogen di kristal beta-sheet. Penggaris lebar pandang di kanan mencatat skala dari sekitar 50 cm sampai sekitar 2 nm.Three.js · Shader · SVG
  126. Explainer20 dtkMenembus Bumi Sampai ke IntiKamera menukik dari sawah berundak saat fajar ke sebuah lubang di lereng, lalu turun tanpa putus menembus kerak berlapis, mantel yang berpijar, lautan besi cair inti luar, sampai berhenti di atas bola besi padat inti dalam. Angka kedalaman, suhu, dan tekanan berjalan di pojok layar, dan bilah skala di bawah menandai tiap lapisan.Three.js · Shader · Partikel
  127. Explainer20 dtkOmbak Plankton Bercahaya BiruDi pantai gelap tanpa bulan, ombak pecah dan menyala biru karena plankton yang terguncang, lalu air yang naik ke pasir meninggalkan bintik cahaya yang perlahan padam. Kamera mulai dari bidikan lebar lalu berpindah ke bidikan rendah di garis air.Three.js · Shader · WebGL
  128. Explainer20 dtkBukit Rayap yang BernapasDi sabana yang cerah, sebuah bukit rayap setinggi menara terbelah memperlihatkan lorong, cerobong, ruang ratu, ruang telur, dan kebun jamur di bawah tanah. Dinding bukit memanas oleh matahari, udara sejuk masuk dari bawah dan udara hangat naik keluar lewat cerobong, lalu kamera menukik ke kebun jamur tempat rayap membawa potongan rumput.Canvas 2D · Partikel
  129. Explainer20 dtkDi Dalam Mesin EspressoMesin espresso 3D yang bodinya dibelah berdiri di panggung gelap, lalu kursor otomatis mengikuti jalur air, uap, dan kopi, menurunkan dan menaikkan tekanan pompa, sampai mesinnya diurai menjadi komponen berlabel.Three.js · Shader · Partikel
  130. Explainer20 dtkSebutir Gabah Menjadi PadiKata BENIH, AKAR, TUNAS, BULIR, dan PADI ditulis goresan kuas tinta di atas kertas krem, sementara di bawahnya satu tanaman padi tumbuh dari sebutir gabah: tetes air membuat kulitnya retak, akar bercabang, tunas naik ke cahaya, lalu bulir terisi sampai batangnya merunduk. Video ditutup peribahasa makin berisi makin merunduk dan sebuah cap merah.Canvas 2D · Partikel · Fisika
  131. Explainer20 dtkKata Sandi yang Tak Pernah DisimpanVideo penjelas gelap empat bab tentang cara server menyimpan kata sandi: sandi diketik lalu terangkat menjadi chip, ditaburi garam acak, diaduk fungsi hash 100.000 putaran menjadi jejak 64 karakter, lalu saat login jejak baru disapu garis hijau dan dicocokkan huruf demi huruf dengan yang tersimpan.SVG · GSAP · CSS
  132. Explainer20 dtkMerapikan Halaman Lacak PaketHalaman lacak paket kurir fiktif Jinjing yang penuh kode gudang dirapikan dalam tiga keputusan desain: kode diterjemahkan jadi kalimat, estimasi tiba naik ke atas sementara riwayat dilipat, lalu seluruh halaman berubah menjadi kerangka cetak biru berlabel ukuran sebelum kembali utuh.SVG · GSAP · CSS
  133. Explainer20 dtkMenyelam ke Daun Talas yang KeringKamera menukik tanpa putus dari sehelai daun talas berhias butiran air, menembus ladang papila dan hutan kristal lilin, sampai ke rantai molekul lilin yang membuat molekul air memantul. Penggaris skala di sisi kanan mencatat perjalanan dari puluhan sentimeter ke beberapa nanometer.Three.js · Shader · Canvas 2D
  134. Explainer20 dtkMembongkar Ketel Suling NilamSebuah alat penyulingan minyak nilam 3D berdiri di atas panggung bundar di bengkel gelap, lalu kursor menaikkan api tungku dan membuka pintu ketel daun. Kamera mengikuti uap dari ketel, menembus tumpukan daun, mengembun di pipa spiral kondensor, sampai minyak jingga keemasan mengapung di atas air dalam labu pemisah.Three.js · Shader · Partikel
  135. Explainer20 dtkPompa Torak Lawan SentrifugalDua pompa air 3D diputar satu motor di panggung gelap: pompa torak mendorong air berdenyut lewat dua katup, pompa sentrifugal melempar air rata lewat rumah keong. Kursor otomatis menaikkan putaran, memperlambat waktu sepuluh kali, menyorot tiap pompa, lalu membongkar dan merakit keduanya.Three.js · Canvas 2D · Partikel
  136. 3D20 dtkSungai Kelelawar di Langit SenjaDari perahu yang terayun di laguna, matahari tenggelam di balik menara-menara karst sementara jutaan kelelawar keluar dari mulut gua dan mengalir seperti sungai hitam melintasi awan sisik ikan, lalu melintas di depan bulan sabit yang terbit. Dua baris puisi muncul dalam kolom tegak dan ditutup cap merah.Shader · WebGL · Canvas 2D
  137. 3D20 dtkBekicot Kuningan Pengumpul EmbunSeekor bekicot mekanis dari kuningan dengan cangkang bola kaca memanjat batang pakis raksasa di hutan hujan malam, menampung butir embun bercahaya satu per satu. Saat fajar ia tiba di pucuk pakis, cangkangnya menyala seperti lentera, pucuk pakis membuka, dan embun di seluruh daun ikut menyala kembali.Canvas 2D · Partikel
  138. 3D10 dtkPesawat Kertas Pulang ke JendelaKamera mengikuti sebuah pesawat kertas putih yang meluncur menuruni gang kampung nelayan berbukit saat senja biru, di bawah untaian lampu warna-warni, lalu berbelok menyusuri tanggul pantai berlampu. Di ujung jalan pesawat itu masuk lewat jendela rumah yang menyala hangat dan mendarat di atas meja.Three.js · Shader · Canvas 2D
  139. 3D20 dtkTarian Lebah di Sarang MaduKamera meluncur rendah di atas sarang lebah dari lilin, sel heksagonalnya berisi madu yang berpendar, sementara lebah pemandu menggambar angka delapan dari jejak cahaya emas. Di akhir kamera mundur dan memperlihatkan seluruh sisir sarang melayang dalam gelap.Three.js · Shader · WebGL
  140. 3D14 dtkIkan Terbang Menyongsong SenjaKamera membuntuti seekor ikan terbang bersirip biru yang meluncur di atas laut senja, melewati awan kumulus ungu dan pantulan matahari, sambil teks serif berganti dari "Ombak mengajarkan tenang" ke "tarik napas." lalu "lalu lepaskan."Three.js · Shader · Partikel
  141. 3D18 dtkGeode Saku dari RumusSebutir batu geode 3D yang dihitung seluruhnya di shader terbelah dua, memperlihatkan pita akik dan gugus kristal ametis di dalamnya. Kursor otomatis memutar batunya, memperbesar kristal, menggeser kadar besi sampai ungu berubah menjadi sitrin jingga, menyalakan sinar UV, lalu menekan Geode baru yang melahirkan spesimen kuarsa berpita biru lengkap dengan namanya.Shader · WebGL · Canvas 2D
  142. 3D20 dtkTongkonan Dirakit dan DiuraiModel 3D rumah adat tongkonan berdiri di halaman tanah Toraja saat senja, dikelilingi rumpun bambu dan bukit sawah berundak, lalu kursor otomatis mengurai tiang, lantai, dinding berukir, dan atap perahunya menjadi lapisan berlabel sebelum merakitnya kembali. Kamera kemudian naik melihat deretan tongkonan dan lumbung alang, mendekat ke ukiran fasad, dan kembali ke sudut tiga perempat.Three.js · Shader · Canvas 2D
  143. 3D8 dtkAula Pamer Meteorit BesiKamera meluncur pelan menembus aula pameran virtual bernuansa biru gelap dengan lantai mengilap, rangka lampu di langit-langit, dan garis lampu emas, menuju tabung kaca tempat sebongkah meteorit besi berwarna logam gelap berputar dipindai cincin cahaya. Layar besar di balik portal heksagonal menampilkan orbit sabuk asteroid dan grafik komposisi logamnya.Three.js · Canvas 2D · WebGL
  144. 3D20 dtkAir Terjun di Lembah PakisKamera meluncur rendah di atas sungai toska bergaya kartun, melintas di bawah jembatan bambu, lalu naik perlahan menuju air terjun tinggi dari tebing batu berlapis yang kabutnya memunculkan pelangi. Rumput dan pakis bergoyang tertiup angin, sementara sekawanan burung melintas di langit cerah berawan.Three.js · Shader · Partikel
  145. 3D20 dtkMaket Stasiun Sendang PrawiraMaket 3D sebuah stasiun kereta fiktif era kolonial lengkap dengan peron beratap lengkung, menara jam, dipo, gudang barang, dan kota di sekelilingnya, ditampilkan di aplikasi ponsel. Kursor sentuh otomatis mendatangkan kereta, memperlihatkan keberangkatannya dari peron, mengganti sudut pandang hingga denah tegak dari atas, dan mengubah suasana dari siang ke senja lalu malam.Three.js · WebGL · CSS
  146. 3D20 dtkSitus Lilin Aroma SumbuSebuah situs toko lilin aroma fiktif bernama Sumbu bergulir sendiri di jendela peramban: lilin keramik 3D dibuka tutupnya dan dinyalakan kursor, kartu keunggulan bergeser masuk, label berganti tiga aroma, lalu tiga foto produk hasil render muncul dan tombol pesan diklik.Three.js · Canvas 2D · SVG
  147. 3D20 dtkKolam Renang Siang HariSebuah diorama halaman tropis di atas plinth batu berukir melayang di ruang kosong, lalu kamera turun hampir sejajar permukaan kolam renangnya: jaring cahaya kaustik menari di dasar ubin, dan empat bunga kamboja jatuh dari pohon, memercik, dan membuat riak melingkar di antara pantulan langit dan pelampung.Three.js · Shader · Canvas 2D
  148. 3D20 dtkKuda Laut Dirakit Bagian demi BagianDi layar HUD gelap, jaring serat ungu merapat menjadi seekor kuda laut yang lalu dibangun cincin demi cincin sebagai mesh low-poly, diberi sendi, dan dibalut kulit jingga bercincin gelap dan berbintik. Di akhir, tubuhnya terpecah menjadi lima bagian berlabel sebelum menyatu lagi dan dicap siap dianimasikan.Three.js · Shader · Partikel
  149. 3D20 dtkAnak Penguin Menangkap Ikan PertamaSeekor anak penguin berbulu abu-abu dengan syal merah berjalan terhuyung di padang salju saat senja, meluncur dengan perut ke tepi es, menyelam, lalu menangkap ikan pertamanya di bawah air. Ia melompat ke bongkahan es dengan ikan di paruh sementara kamera mundur memperlihatkan laut kutub yang luas.Three.js · Shader · Partikel
  150. 3D20 dtkDi Mana Tenda Ini AmanSebuah aplikasi gelap menampilkan denah lahan kemah berskala dan maket 3D yang bergerak bersamaan, mencoba posisi tenda di dekat pohon, api unggun, sungai, dan jalan setapak. Setelah tiga percobaan gagal, aplikasi memindai 2.760 posisi, menandai yang aman di denah, lalu mengunci posisi terbaik.Three.js · WebGL · SVG
  151. 3D15 dtkStudi Gerak Gunung ApiReel 3D lima bab tentang gunung api: huruf ekstrusi MAGMA dan ERUPSI, medan kubus yang retak lalu tumbuh menjadi gunung berlava, letusan dengan petir vulkanik, lalu bara api yang berkumpul menjadi judul GUNUNG API.Three.js · Shader · WebGL
  152. 3D20 dtkPerjalanan ke Dalam Sebutir GaramKamera menukik tanpa putus dari pantai berpohon kelapa, gudang garam, dan kincir angin di tepi tambak garam ke meja garam, butir garam krosok yang bening, kristal hopper berundak, sampai kisi ion natrium dan klorida yang berundak. Penggaris skala di kanan atas mencatat lebar pandang, dan video ditutup kartu fakta jumlah pasangan ion dalam satu sendok teh garam.Three.js · Shader · Canvas 2D
  153. 3D20 dtkTeleskop Radio Pendengar Bima SaktiHalaman 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.Three.js · Shader · Partikel
  154. 3D20 dtkParalayang Fajar di Atas SawahSeorang pilot paralayang terbang saat fajar di atas sawah berundak yang airnya memantulkan langit merah muda, menembus kabut di atas desa, melintasi kawah gunung api yang berasap, lalu keluar di atas lautan awan saat matahari terbit. Nama lokasi berganti di kiri atas, sementara panel kanan atas menunjukkan jam dan ketinggian.Three.js · WebGL · Shader
  155. 3D20 dtkLampion di Beringin RaksasaDiorama 3D sebuah pohon beringin raksasa bertajuk lebar seperti payung, dengan tirai akar gantung, ayunan, bale-bale bambu, dan puluhan lampion kertas di tengah hutan pohon bulat yang berkabut. Kamera mengitari lalu masuk ke bawah tajuk saat sore berganti senja, matahari tenggelam di balik awan, lampion menyala satu per satu dan kunang-kunang beterbangan.Three.js · WebGL · Partikel
  156. 3D8 dtkKunang-Kunang Bakau dalam StoplesSebuah stoples kaca bertutup gabus berisi hutan bakau mini di malam hari tampil di layar ponsel: akar tunjang yang menancap ke air gelap beriak, lapisan lumpur di dasar, pelepah nipah, dan sampan kayu dengan lentera yang pantulannya memanjang di permukaan air. Saat ponsel diguncang, ratusan kunang-kunang beterbangan berputar di dalam stoples, lalu kembali ke pohon dan berkedip serempak sehingga kedua tajuk bakau menyala dan meredup bersamaan.Three.js · Shader · Partikel
  157. 3D20 dtkPelabuhan Peti Kemas MiniPelabuhan peti kemas bergaya maket mainan low-poly dilihat dari udara, lalu kamera turun ke dermaga tempat crane memindahkan satu peti oranye dari kapal ke truk. Adegan berakhir di balik bahu seorang petugas berhelm yang memantau peti itu di tablet sampai truknya berangkat.Three.js · WebGL · Canvas 2D
  158. 3D10 dtkRantang Enamel Tiga SusunSebuah rantang enamel krem bermotif bunga dirakit di ruang gelap: tiap susun berisi nasi, sayur, dan lauk turun lalu saling mengunci, rangka baja berpegangan kayu meluncur masuk, tuas pengunci menjepit tutup, lalu rantang mendarat di alas anyaman bambu. Label bergaya katalog teknik menjelaskan tiap bagian.Three.js · Canvas 2D · SVG
  159. 3D20 dtkPerjalanan Air di Sawah SubakDiorama 3D isometrik bergaya pastel sebuah bukit sawah berundak: air dari mata air turun lewat saluran, mengisi undakan satu per satu, lalu padi tumbuh, bebek berbaris di pematang, padi menguning, dan panen bergerak dari undakan teratas sampai malam. Di sampingnya panel Catatan Subak mencatat setiap kejadian secara langsung.Three.js · Shader · WebGL
  160. 3D20 dtkPenggembala Bebek Saat FajarSeorang penggembala bercaping dengan lentera dan galah berbendera putih menggiring barisan bebek di pematang sawah saat subuh, melewati obor bambu yang menyala dalam kabut. Bebek-bebek meloncat satu per satu ke petak sawah dengan percikan air lalu berenang menyebar, sementara langit berubah jingga keemasan, matahari muncul di samping gunung berapi berasap, dan penggembala mengangkat benderanya tinggi-tinggi.Three.js · WebGL · Shader
  161. 3D20 dtkTeratai Mekanis Mengikuti IramaSebuah teratai mekanis 3D dari 36 pelat kelopak berdiri di kolam gelap dan bergerak mengikuti ketukan: setengah mekar saat intro, menutup menjadi kuncup runcing saat jeda, lalu mekar penuh dengan pelat yang terlepas, benang sari emas yang menyebar, dan serbuk sari berhamburan saat drop. Kolam memantulkan bunga dan berkas amber, sementara label penunjuk dan panel kontrol di kanan ikut bergerak bersama irama.Three.js · Shader · SVG
  162. 3D15 dtkPendopo Joglo dari Gambar KerjaLembar gambar kerja pendopo joglo tergambar garis demi garis di atas latar hitam, lalu bangunannya tumbuh sebagai model tanah liat putih dari bebatur, umpak, tiang, lima susun tumpang sari yang menyala saat terpasang, usuk, sampai genteng tiga susun yang dipasang dari tepi ke puncak. Di akhir, warna kayu jati, lisplang merah, ornamen emas, dan genteng tanah liat menyapu dari bawah ke atas.Three.js · Shader · Canvas 2D
  163. 3D20 dtkSenja di Sanggar GerabahKamera berjalan setinggi mata menyusuri sanggar gerabah saat senja, ketika matahari rendah menembus jendela dan pintu berkisi sehingga pola belah ketupat jatuh di lantai tegel dan dinding hijau: meja putar dengan tanah liat basah yang berputar, rak gantung penuh gerabah mentah, dinding piring hias, bak glasir, dan tungku yang membara. Lalu kamera keluar lewat pintu berkisi yang bercahaya ke halaman berisi ratusan gerabah di rak bambu dua tingkat, sementara lampu untai menyala satu per satu dan sekawanan burung melintas di langit jingga keunguan.Three.js · Canvas 2D · WebGL
  164. 3D20 dtkPerjalanan Tukik Penyu HijauAdegan anime 3D bergaya toon: tukik penyu hijau menetas dari sarang di pantai, berlari ke laut sambil menghindari burung camar, lalu tumbuh dewasa di bawah air. Dua puluh lima tahun kemudian, penyu itu merangkak kembali ke pantai yang sama saat senja.Three.js · Shader · Canvas 2D
  165. 3D20 dtkDemo Produk Pemutar Piringan HitamSitus produk 3D versi ponsel untuk pemutar piringan hitam konsep bergulir sendiri: lengan nada turun ke piringan yang berputar, rangka menjadi tembus pandang memperlihatkan motor dan sabuk, lalu semua lapis terurai dan menyatu lagi. Setiap bagian ditunjuk label bergaris, diakhiri close-up kenop kecepatan dan menu jelajah.Three.js · Canvas 2D · SVG
  166. 3D20 dtkKincir Air Sawah dalam Satu ModelSebuah web app rekayasa menampilkan kincir air kayu berdiameter 6 m dalam viewer 3D: sungai lebar yang memutar sudu, talang bambu yang menumpahkan air ke petak teratas sawah bertingkat, rangka struktur bergaris tepi, rontgen aliran air, dan urai komponen. Kursor otomatis lalu membuka lembar gambar kerja tampak depan dan samping, enam perhitungan desain, dan mengekspor berkas CAD.Three.js · SVG · Partikel
  167. Interaktif10 dtkGobak Sodor di Pulau AwanGame 3D bergaya mainan pastel: Onde si jajanan berwijen mengecoh penjaga biru berikat kepala, menembus lima garis kapur gobak sodor di pulau yang melayang di atas lautan awan, lalu pulang membawa poin diiringi hujan konfeti. Penonton bersorak di bawah tali bendera, kitiran besar berputar di pulau sebelah, dan HUD menampilkan kartu pemain, timer, catatan kejadian, serta tombol panah yang menyala mengikuti autopilot.Three.js · WebGL · Canvas 2DJuri 91
  168. Interaktif20 dtkRangkong Menyusuri Ngarai SenjaGame arcade 3D bergaya toon: seekor rangkong berparuh kuning terbang menyusuri sungai di ngarai hutan hujan saat senja, memungut buah ara bercahaya, menembus tirai air terjun, naik lewat cincin angin ke atas kanopi, lalu menukik dan menyerahkan buah ke paruh rangkong betina yang menyembul dari sarang di batang pohon raksasa. HUD balap lengkap, garis kecepatan, cipratan air, dan panel hasil menutup permainan.Three.js · WebGL · Shader
  169. Interaktif15 dtkGasing Legenda Naik TingkatSebuah gasing kayu 3D bergaya kartun naik tingkat dari Biasa ke Legenda setiap kali diketuk kursor, lalu diputar dengan ledakan cahaya, koin, dan permata. Gasing emas akhirnya berputar sendirian di atas panggung, kartu hadiah melesat ke panel, dan koin serta permata terbang masuk ke saldo di pojok kanan atas.Three.js · Shader · WebGL
  170. Interaktif20 dtkMerajut Motif dari Bola BenangGame puzzle 3D bergaya mainan: kursor otomatis mengetuk bola benang merah muda dan biru dari keranjang anyaman, bola menggelinding ke dok lalu benangnya melengkung ke papan rajut dan menjahit motif belah ketupat satu per satu. Penghitung sisa jahitan turun sampai nol, keranjang kosong, dan kain selesai dengan kilau, konfeti, serta banner Motif Selesai.Three.js · Canvas 2D · Partikel
  171. Interaktif20 dtkPetualangan Piksel Kebun StroberiTrailer gim piksel retro tentang merawat stroberi: benih disiram di mainan genggam, petani kecil bercaping melompati hama, melawan bos matahari Kemarau dengan semprotan air, lalu stroberi memerah dan meteran panen naik level.Canvas 2D · Pixel art · Bisa dimainkanJuri 90
  172. Interaktif18 dtkPecah Celengan Jago LegendaKursor otomatis mengetuk celengan ayam tanah liat bergaya game kartun sampai naik tingkat dari hijau ke emas, lalu celengan retak bercahaya dan pecah menjadi ledakan koin, permata, dan konfeti. Hadiah utamanya, Caping Emas, tampil sendirian di panggung cahaya sebelum hadiah diklaim dan koin terbang ke saldo.SVG · GSAP · Canvas 2D
  173. Interaktif20 dtkSimulasi Traktor Bajak SawahSimulator 3D low-poly yang cerah: traktor oranye dengan petani bercaping membajak petak sawah jerami menjadi lumpur basah lajur demi lajur, diikuti burung kuntul putih, sementara HUD menampilkan kecepatan, gas, rem, persentase lahan, minimap, dan tombol yang menyala mengikuti autopilot. Di akhir lajur terakhir klakson ditekan, kuntul beterbangan, dan kamera naik memperlihatkan seluruh petak yang sudah menjadi lumpur dari tepi ke tepi.Three.js · WebGL · Canvas 2D
  174. Interaktif20 dtkTarsius Pulang Sebelum FajarGame ASCII gelap di hutan hujan malam: seekor tarsius bermata besar melompat dari batang ke batang dan hanya melihat apa yang tersorot pandangannya, menangkap serangga bercahaya, lolos dari ular hijau dan burung hantu yang tersingkap kilat, lalu pulang ke lubang pohon ara tempat keluarganya menunggu saat fajar.Canvas 2D · Partikel
  175. Interaktif20 dtkLampu Bagan Menjelang SubuhGame pixel art top-down yang memainkan dirinya sendiri: seorang nelayan muda berbaju merah di atas jukung menyalakan lampu tiga bagan di teluk malam, menarik jaring teri yang berkilau perak, menembus hujan, sambaran petir, dan kayu hanyut berbuih, lalu pulang ke dermaga saat laut berubah jingga keunguan oleh fajar. Layar dilengkapi HUD nyawa, minyak, jam, peta mini, target, kartu bab, dan kotak dialog.Canvas 2D · Pixel art · Partikel
  176. Interaktif20 dtkKancil Melompati Punggung BuayaGame platformer 2D yang memainkan dirinya sendiri: seekor kancil berselendang merah berlari di hutan hujan, memetik timun, memantul di bunga rafflesia, lalu menyeberangi sungai dengan melompat di punggung lima buaya sambil menghitungnya. Langit berubah jingga saat ia memakan belimbing ajaib, berlari kencang ke kebun timun, dan menutup babak di tiang bambu dengan kembang api serta kartu skor.Canvas 2D · Partikel · Fisika
  177. Interaktif20 dtkSalmon Pulang ke HuluGame pixel art yang memainkan dirinya sendiri: seekor salmon perak melompati lima air terjun bertingkat saat senja, lolos tipis dari hantaman cakar beruang dan sempat gagal sekali. Di kolam paling atas ia berubah merah, melompat kecil bersama pasangannya, lalu butir telur oranye muncul satu per satu di dasar kerikil sebelum panel SAMPAI DI HULU turun.Canvas 2D · Pixel art · Bisa dimainkan
  178. Interaktif20 dtkPerahu Kertas di Selokan HujanGame bertahan hidup 3D: perahu kertas origami dari halaman buku tulis bergaris melaju di selokan beton pada malam hujan, menghindari tetes besar bercincin kuning, daun ketapang, ranting, dan pusaran saluran sambil memungut bintang kertas. Kertasnya makin basah dari bawah setelah beberapa tetes mengenai, lapisan lilin sempat melindunginya, perahu bayangan rekor disalip, lalu perahu meluncur ke sungai dan panel hasil muncul.Three.js · WebGL · Shader
  179. Interaktif20 dtkAI Belajar Main CongklakSebuah AI bermain congklak dengan biji kerang: di permainan pertama ia kalah telak 29 : 69, lalu di permainan ke-1.280 ia membalik skor lewat tembakan di langkah terakhir dan menang 50 : 48. Kursor, genggaman biji, dan bar peluang pilihannya bergerak sendiri sampai penghitung melonjak ke 2 juta permainan dan rasio menangnya mencapai 97%.SVG · Bisa dimainkan
  180. Interaktif20 dtkTrailer Gim Kampung Nelayan TerapungTrailer 20 detik untuk gim manajemen fiktif Teluk Lentera: rumah panggung bermunculan di atas laut malam, kursor otomatis memilih seorang nelayan dan membangun jemuran ikan lewat HUD gim, lampu bagan menyala dan jaringnya terangkat penuh ikan, lalu perahu berlentera pulang ke teluk sebelum logo muncul.Three.js · Canvas 2D · Shader
  181. Interaktif20 dtkSenja Biru di Pangkalan MarsGame jalan-jalan orang ketiga low-poly: seorang astronot bersetelan putih menyusuri pangkalan riset di Mars pada sore hari, memindai kubah hidroponik, melewati kru yang membersihkan panel surya dan rover yang melintas menerbangkan debu, berlutut mengambil sampel batuan, lalu tiba di bibir kawah saat matahari kecil terbenam berhalo biru dan Bumi tampak sebagai titik terang. Label lokasi, pil interaksi, daftar tugas, dan tombol yang menyala menunjukkan autopilot yang sedang bermain.Three.js · WebGL · Shader
  182. Interaktif20 dtkRegu Pemadam Hutan PikselGame pixel art yang memainkan dirinya sendiri: setelah memilih peran di layar PILIH PERAN REGU, seorang penyemprot dan seorang pilot drone memadamkan titik api di hutan pinus pada malam berasap dengan selang, tirai air, bom air, dan hujan buatan. Langit berubah menjadi fajar berpelangi, burung terbang selamat, dan kartu MISI SELESAI muncul dengan tiga bintang.Canvas 2D · Pixel art · Partikel
  183. Interaktif16 dtkBandara Perintis di LembahSatu kamera tanpa potongan merekam lembah berumput di sore hari yang berubah menjadi bandara perintis: landasan diaspal dari ujung ke ujung, menara kontrol, terminal beratap joglo, dan hangar berdiri, lampu landasan menyala saat senja, lalu pesawat baling-baling pertama mendarat dan ratusan warga menyambutnya dengan melepas lampion ke langit malam. HUD bergaya game menampilkan tahap, jam, dan jumlah warga yang datang.Three.js · Shader · Canvas 2D
  184. Interaktif20 dtkSiaga Merah di Kapal SelamGame first-person 3D di dalam kapal selam riset yang kehilangan daya: pemain membuka pintu kedap air di lorong bercahaya merah, memasang sekring, dan menarik tuas di panel darurat. Lampu ruang kendali lalu menyala baris demi baris, dan dari jendela depan terlihat ubur-ubur serta pari manta yang melintas saat kapal naik dari 312 m ke sekitar 291 m.Three.js · Canvas 2D · Shader
  185. Interaktif20 dtkMemetik Pucuk Teh Saat SenjaTokoh mungil bercaping dengan bakul di punggung menyusuri jalan setapak kebun teh menuju pondok panggung di ujung jalan, memetik sepuluh pucuk berkilau yang terbang ke bakulnya, sementara langit berganti dari jingga keemasan ke ungu lalu malam berbintang dengan bulan. Pelita, lampu jalan, dan pondok menyala, keranjang penuh, lalu ia tiba di depan pintu pondok yang terang.Three.js · Shader · WebGL
  186. Interaktif20 dtkGerhana, Malam Bulan DitelanGame pixel art sinematik yang memainkan dirinya sendiri: raksasa Kala menggigit bulan merah di langit kampung, seorang anak berlari menabuh kentongan di depan tiap rumah, lalu bunyi lesung yang ditabuh bersama memaksa Kala melepaskan bulan.Canvas 2D · GSAP · Pixel art
  187. Interaktif20 dtkMembangun Iglo di Bawah AuroraGame first-person dunia kubus di pesisir kutub yang memainkan dirinya sendiri: saat matahari terbenam di atas laut berbongkah es, pemain memasang blok salju melingkar sampai kubah iglo tertutup, menukar satu blok dengan jendela es, lalu menyalakan tiga lentera sementara malam tiba dan tirai aurora hijau ungu menari di langit dan terpantul di laut.Three.js · Shader · Bisa dimainkan
  188. Interaktif20 dtkSinar Pagi Membangunkan KampungTrailer gim lukisan cat minyak dari sudut atas: sebuah sinar matahari yang digeser cincin sentuhan melukis ulang kampung biru malam menjadi warna pagi dengan tepi keemasan, warga dan ayam keluar rumah, asap dapur mengepul, dan pasar tepi kali dibuka. Awan mendung membuat warga lari berteduh di bawah tenda lapak, lalu langit terbuka dan seluruh kampung, perahu di kali, sawah, layangan, dan kawanan burung kuntul tampil dalam cahaya pagi.Canvas 2D · Bisa dimainkan · Partikel
  189. Interaktif10 dtkPari Manta Mengejar RekorSeekor pari manta piksel dengan sirip kepala melengkung dan ekor cambuk meluncur di jalur pasir bawah laut, menyantap plankton bercahaya dan nyaris menyerempet bulu babi serta ubur-ubur yang lewat tepat di samping sayapnya. Setelah dorongan arus dan gerbang finis menuju zona biru dingin, skor terus naik sampai tulisan REKOR BARU muncul.Canvas 2D · Pixel art · Partikel
  190. Interaktif19 dtkSeluncur Salju di Atas AwanGame snowboard 3D yang memainkan dirinya sendiri: seorang pemain berjaket oranye meluncur zig-zag di lereng salju terbuka melewati delapan gerbang slalom, di antara pohon cemara yang bayangannya jatuh di lintasan dan jejak papan pemain lain, di atas lautan awan. Ia melompat dari ramp sambil berputar 360 derajat, menembus garis finis, lalu kamera naik saat panel hasil dan REKOR BARU muncul.Three.js · WebGL · Shader
  191. Interaktif20 dtkTempa Keris Sampai SelesaiKonsep art gim tempa keris yang memainkan dirinya sendiri: lengan pemain menempa bilah membara di atas paron mengikuti meter irama, bilah dipanaskan lagi di perapen sambil ubub dipompa, dilipat tiga kali sampai pamornya delapan lapis dan luknya tumbuh satu per satu, lalu dicelup ke bak air. Hari ditutup dengan spanduk diagonal BILAH SELESAI dan keris berluk lima berpamor perak yang dipamerkan.Canvas 2D · SVG · GSAP
  192. Interaktif20 dtkJemparingan di Padang AnginSeorang pemanah mungil berblangkon duduk bersila di padang rumput senja, membaca arah angin lewat garis lintasan yang melengkung ke kiri, lalu melepas panah yang menancap tepat di molo merah sebuah bandul. Angin menguat, dua panah berikutnya mengenai bandul yang berayun, skor naik menjadi 7, dan kamera naik memperlihatkan judul gim Padang Angin.Three.js · Shader · WebGL
  193. Interaktif17 dtkPanduan Durian di Dunia KubusGame first-person dunia kubus memperagakan kartu Panduan Buah tentang durian: buahnya menguning lalu jatuh dari pohon, durinya melukai tangan kosong, parang membelahnya, aromanya menyebar sampai 8 blok, lalu bijinya ditanam dan tumbuh jadi pohon baru.Three.js · WebGL · Canvas 2D
  194. Interaktif20 dtkPuding Lapis yang BergoyangMainan dapur 3D yang memainkan dirinya sendiri: kursor menyeret rasa pandan, mangga, dan ubi ungu sehingga lapisan agar-agar bening jatuh dan menyatu menjadi puding lapis yang memantulkan cahaya warna-warni ke piring, lalu puding digoyang, diberi ceri, dicolek, ditarik miring lalu dilepas, dan akhirnya ditaburi meses warna-warni.Three.js · Shader · Canvas 2D
  195. Interaktif20 dtkBalap Becak Jago BerhitungGame balap becak 3D yang memainkan dirinya sendiri di jalan kota berhias umbul-umbul: becak oranye memilih lajur jawaban soal hitungan pada papan yang tergantung di tiga gapura bambu, dapat turbo saat benar, meleset sekali, lalu menyalip pemimpin dan menang di garis finis disambut penonton yang melambai dan hujan konfeti. HUD menampilkan kartu soal, papan peringkat, spidometer, tombol yang menyala, dan panel hasil.Three.js · WebGL · Shader
  196. Interaktif11 dtkTruk Penyapu Abu GunungGame 3D orang ketiga yang memainkan dirinya sendiri: truk penyapu kuning dengan sikat putar dan selang hisap menyusuri jalan kota kecil berabu vulkanik di malam hari, menyedot gundukan abu abu-abu dan menghindari bom lava yang melengkung jatuh dari gunung api menyala. Jejak aspal basah yang bersih tertinggal di belakang truk sementara HUD mencatat skor, isi tangki, dan radar.Three.js · Shader · Canvas 2D
  197. Interaktif20 dtkRubah Malam di Desa BersaljuGame 3D satu tombol yang memainkan dirinya sendiri: seekor rubah merah berlari kecil menyusuri desa pegunungan bersalju di malam hari, melompati kereta luncur, tong, dan manusia salju sambil mengumpulkan cahaya biru yang melayang. Jejak kakinya tertinggal di salju, lalu ia rebah beristirahat di depan pohon cemara berlampu di alun-alun desa.Three.js · Shader · Canvas 2D
  198. Interaktif20 dtkRaket Listrik Penjaga TidurGame pixel art top-down yang memainkan dirinya sendiri: obat nyamuk bakar habis, jadi seorang kakak berjaga di halaman kampung dengan raket nyamuk listrik dan menyetrum kawanan nyamuk belang yang mengincar adiknya di bale bambu, lalu menumbangkan Nyamuk Raja raksasa bermahkota dengan Setrum Super. HUD skor, gelombang, baterai raket, nyawa, dan bar bos menemani aksi, lalu video ditutup logo game fiktif Raket Malam.Canvas 2D · Pixel art · Partikel
  199. Interaktif20 dtkDuel Kepiting Lawan Buntal RaksasaGim tembak-tembakan kartun bergaya film tahun 1930-an yang memainkan dirinya sendiri: seekor kepiting kecil di atas skuter selam menembakkan gelembung ke ikan buntal raksasa yang menggembung dan menyemburkan duri. Setelah tembakan super, buntal kempis, terhempas ke pasir, layar berubah dari sepia menjadi berwarna, lalu tirai panggung menutup.Canvas 2D · Partikel · Bisa dimainkan
  200. Interaktif20 dtkAntar Madu di Desa KanopiGim orang pertama low-poly yang memainkan dirinya sendiri: pemain menyeberangi jembatan tali yang melentur di desa rumah pohon berkabut, mengambil kendi madu, meluncur lewat tali luncur sambil memegang gagangnya, lalu meletakkan madu yang berkilau di meja Rumah Tetua.Three.js · Shader · Fisika
  201. Interaktif11 dtkKebun Susun Panen PagiPotongan isometrik gedung kebun hidroponik bertingkat di malam biru: robot memanen selada, kangkung, cabai, dan tomat di bawah lampu tumbuh magenta, peti sayur turun lewat tabung kaca, berputar di ban berjalan ruang kemas, lalu dimuat ke truk bak terbuka. Kursor otomatis memainkan simulasinya sampai target 24 peti tercapai dan truk masuk terowongan menuju pasar.Three.js · WebGL · Partikel
  202. Interaktif20 dtkPacu Jawi Lari di LumpurGame lari tanpa akhir 3D low-poly di layar ponsel yang memainkan dirinya sendiri: sepasang sapi menarik joki di atas bajak kayu menyusuri lintasan lumpur sawah, pindah jalur menghindari tumpukan jerami dan batu, melompati pagar bambu, dan memungut ikat padi emas sampai melewati gerbang finis.Three.js · Canvas 2D · Bisa dimainkan
  203. Interaktif20 dtkMenara Balok GantianGim 3D bergiliran di papan gelap berbintang: kursor otomatis pemain Kunang dan Embun bergantian menarik balok kayu dari menara lalu menaruhnya di puncak dengan garis warna pemain, sampai tarikan kelima membuat menara runtuh berhamburan di papan.Three.js · WebGL · Canvas 2D
  204. Interaktif20 dtkBumerang di Padang SenjaGame 3D yang memainkan dirinya sendiri di padang rumput savana saat matahari rendah: seorang pelempar bertopi lebar menarik bidikan, melempar bumerang yang melengkung menembus gerbang cincin berpita, lalu menangkapnya lagi saat kembali. Dua lemparan, kamera mengejar dan naik ke udara, diakhiri panel skor Sempurna.Three.js · Shader · WebGL
  205. Interaktif20 dtkToples Gula Dijaga dari SemutGim pertahanan lajur 3D di atas taplak kotak-kotak meja dapur yang memainkan dirinya sendiri: semut merah keluar dari celah dinding, sementara kursor memungut gula batu dan menaruh pelontar jeruk nipis, kipas mini, dan balok kapur untuk menahan mereka. Di akhir sebuah kipas besar muncul dari tepi meja, meniup semua semut kembali ke sarang, lalu toples gula melompat kecil dan berkilau tanda aman.Three.js · WebGL · Bisa dimainkan
  206. Interaktif20 dtkBiji Meranti Turun ke BumiSebutir biji meranti bersayap dua berputar seperti baling-baling, jatuh dari langit fajar berawan merah muda melewati tajuk hutan hujan sambil mengumpulkan embun dan menembus cincin angin. Ia mendarat di lantai hutan berserasah, sayapnya terlepas, lalu tunas berdaun dua tumbuh di bawah seberkas cahaya hangat.Three.js · Shader · Partikel
  207. Interaktif20 dtkSketsa Loop Jadi Wahana NyataSketsa lintasan kereta luncur di kertas krem dihitung dulu: kursor menggeser tinggi awal dari 12 m ke 20 m sampai syarat lolos loop terpenuhi, lalu tombol Main mengubah kertas menjadi simulasi fisika 3D. Kereta meluncur melewati loop dan bukit kecil, berhenti di rem, dan hasilnya dicocokkan dengan prediksi di kertas.Three.js · SVG · CSS
  208. Interaktif14 dtkDorong Mundur di Apron MalamGim 3D dari sudut atas yang memainkan dirinya sendiri: traktor kuning melaju di apron bandara malam, menyambungkan towbar ke pesawat di Gerbang 7, lalu mendorongnya mundur ke landas hubung B. Setelah towbar dilepas, mesin menyala dan pesawat meluncur maju di antara lampu hijau dan biru, sementara peta mini, pager menara, dan panel misi mengikuti setiap tahap.Three.js · WebGL · Canvas 2D
  209. Interaktif20 dtkMemotret Rusa di Hutan GugurGame 3D orang pertama yang memainkan dirinya sendiri: pemain menyusuri jalan setapak di hutan maple musim gugur, membidik dengan kamera, lalu memotret rusa betina di tepi sungai, rusa jantan bertanduk di atas bukit, dan kelinci di dekat kayu tumbang. Ketiga hasil jepretannya terkumpul menjadi album di akhir.Three.js · Shader · Canvas 2D
  210. Interaktif20 dtkPenjaga Megalit Lembah BatuGim aksi first-person 3D yang memainkan dirinya sendiri di lembah rumput saat malam: pemain bertongkat kristal menembakkan bola cahaya ke roh bayangan bertudung yang bangkit dari empat arca megalit, menyeberangi jembatan batu melengkung di atas sungai berkilau, lalu sebuah kalamba batu di atas undakan memancarkan pilar cahaya ke langit.Three.js · Shader · Canvas 2D
  211. Interaktif20 dtkBenteng Pasir Lawan PasangGim pixel art pantai yang memainkan dirinya sendiri: empat anak meracik bahan di bilah racikan untuk menembakkan sinar pasir yang membangun tembok, pusaran angin yang melempar kepiting, lalu kubah kerang keemasan yang membelah ombak pasang besar sampai istana pasir mereka selamat.Canvas 2D · Pixel art · Partikel
  212. Interaktif15 dtkBioskop Purnama Tengah MalamKamera berjalan menyusuri lobi bioskop 90-an berkarpet neon dengan dua belas poster film pendek berbingkai lampu, menyobek tiket di loket, menembus tirai merah, lalu mendekat ke layar yang memutar film pixel art tentang perahu di laut malam.Three.js · Canvas 2D · Pixel art
  213. Motion design20 dtkSitus Partikel Terbang FajarHalaman web gelap untuk layanan balon udara fiktif Awang: balon udara dari puluhan ribu partikel berkilau buyar menjadi pusaran arus panas, lalu tersusun ulang menjadi elang perak kebiruan berkepala putih yang melayang, sementara penunjuk ketinggian naik sampai 2.400 m dan lautan awan muncul di bawah cakrawala yang disinari matahari fajar.Three.js · Partikel · Shader
  214. Motion design20 dtkTambal Ban Tengah MalamDiorama pixel art malam gerimis: seorang pengendara menunggu di lapak tambal ban pinggir jalan sementara montir mencari bocor di ember, menambal ban dalam, lalu memompanya sampai bulat. Motor melaju pergi, papan LED berganti SELAMAT JALAN, dan kamera berputar memperlihatkan lapisan-lapisan diorama yang melayang di ruang gelap.Three.js · Shader · Canvas 2D
  215. Explainer20 dtkTanam Cabai di PotDi kertas krem bergaya gambar tangan, sebuah pot terakota terbelah diisi lapis demi lapis: kerikil, tanah, kompos, tiga benih, lalu disiram sampai tumbuh tunas. Kartu takaran di kanan menghitung naik setiap bahan dan enam langkah di bawah dicentang satu per satu.Canvas 2DJuri 91
  216. Motion design14 dtkSatu Bentuk untuk Parkir MalSatu bentuk hitam putih tanpa potongan berubah dari tombol "Cari parkir" menjadi pemuat, centang kuning, pulau dinamis, kartu sesi parkir, slider perpanjangan, baris sakelar pengingat, tab lantai, grafik okupansi, palet perintah, dan notifikasi lunas dengan palang gerbang terangkat, lalu kembali menjadi tombol. Kursor otomatis mengeklik dan menyeret setiap perubahan di atas kanvas abu hangat.SVG · CSS
  217. Motion design20 dtkLelang Ikan Sebelum TerangVideo musik sinematik malam di dermaga dan aula lelang ikan, dibalut HUD pendeteksi: kotak label melacak perahu dan keranjang tongkol, angka lot berpacu, lalu papan lelang putih menulis kalimat penutup.Canvas 2D · Partikel
  218. Motion design20 dtkGotong, Panitia Agustusan BeresVideo peluncuran 20 detik untuk aplikasi fiktif Gotong di latar putih bersih: judul tebal dengan avatar warga, jendela aplikasi naik dari bawah, lalu para asisten memindahkan kartu lomba balap karung, iuran warga, dan pengumuman di papan panitia Agustusan RT sebelum ditutup kartu logo.SVG · GSAP · CSS
  219. Explainer20 dtkTruk Pulang Tak Lagi KosongVideo penjelas cepat untuk startup logistik fiktif Angkut: kata KOSONG menghantam layar ungu, lalu grid 168 kotak perjalanan truk memperlihatkan bak yang pulang kosong dengan muatan balik 38%. Garis pindai mengisi setiap kotak dengan warna muatan hingga 91%, lalu arus label muatan mengalir sebelum ditutup logo angkut.SVG · GSAP · CSS
  220. Motion design20 dtkDeret, Pesan Kursi Tanpa AntreKartu formulir pemesanan kursi teater yang macet di 99 persen berubah menjadi ribuan titik hitam, lalu titik-titik itu tersusun menjadi denah kursi gedung pertunjukan tempat kursor memilih dua kursi merah. Video ditutup dengan logo aplikasi fiktif Deret di dalam lingkaran titik.Canvas 2D · SVG · GSAP
  221. Motion design20 dtkKecipak, Pelatih Renang di SakuVideo penjelas produk tiga langkah untuk aplikasi fiktif Kecipak: satu putaran renang gaya bebas direkam di ponsel, kayuhannya diputar lambat lalu dibekukan untuk diukur sudut siku dan garis badannya, kemudian muncul rencana latihan mingguan dengan grafik waktu dan set pertama yang langsung berjalan.Canvas 2D · SVG · GSAP
  222. Explainer20 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
  223. Motion design20 dtkKru Tetes Cat Melukis MuralDari layar gelap yang memilih mode kerja gotong royong, adegan meledak ke dunia kartun gambar tangan tempat empat tetes cat berwajah lucu menyiapkan papan proyek, mengecek meteran cat yang tetap hemat, lalu mengecat empat panel komik sekaligus. Panel-panel itu menyatu menjadi satu mural gunung, matahari, dan sawah yang utuh.SVG · GSAP · CSS
  224. Motion design15 dtkBayu, Angin Jadi TerangGaris-garis angin menyatu menjadi baling-baling yang berputar lalu membentuk logo aplikasi fiktif Bayu, kemudian empat kartu Ukur, Putar, Simpan, dan Alirkan menyala bergantian di satu jalur. Setelah sapuan panel hijau limau, tiga turbin angin mengalirkan listrik ke deretan rumah yang jendelanya menyala satu per satu, sementara angka energi harian terus naik.SVG · CSS
  225. Interaktif20 dtkBerburu Bunglon di Taman LukisanGame 3D orang pertama yang memainkan dirinya sendiri di dalam lukisan bergaya pointilisme: pemain menyusuri taman tropis berdanau, membidik, lalu menemukan enam bunglon yang menyamar di daun pisang, batang kelapa, semak kembang sepatu, batu, pagar pendopo, dan padang bunga kenikir. Setiap bunglon yang ketahuan berubah warna terang, dan di akhir kamera naik memperlihatkan keenamnya di peta taman.Three.js · Shader · Partikel
  226. Motion design20 dtkBatiskaf Turun ke Dasar LautDari kabin batiskaf bergaya pastel yang simetris, sebuah jendela bulat berbingkai kuningan memperlihatkan laut berganti dari terumbu karang yang terang, ubur-ubur di zona senja, ikan sungut ganda di kegelapan, sampai cerobong hidrotermal di dasar laut. Jarum tekanan, penggaris kedalaman, dan papan nama zona ikut bergerak, sementara secangkir teh di meja terus mengepul.Canvas 2D · Partikel
  227. Explainer10 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
  228. Explainer20 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
  229. Interaktif20 dtkKOMODO.EXE, Demo Gaya 1994Layar boot DOS biru-hitam memuat demo KOMODO.EXE lalu rusak berkedip, disusul logo piksel bergelombang di antara copper bar, rotozoomer kulit bersisik bergambar komodo, terowongan sisik dengan kata-kata yang menghentak, terbang voxel di atas pulau sabana saat senja, dan seekor komodo piksel yang berjalan masuk di bawah tulisan TAMAT.Canvas 2D · Pixel art · Partikel
  230. Motion design15 dtkKetuk, Metronom yang Tak MelesetShowreel gerak 15 detik untuk aplikasi metronom fiktif Ketuk: kursor mengetuk tombol sampai tempo terkunci di 120 BPM, kata tempo, aksen, ketuk, dan irama melompat di atas blok warna yang berganti tepat di ketukan, lalu bandul dan grid ketukan di latar hitam sebelum kembali mulus ke awal.Canvas 2D · Partikel
  231. Motion design20 dtkShowreel Pemindai Gua KarstShowreel gelap untuk studio survei gua fiktif Gema Bumi: kamera terbang di antara tiga diorama awan titik berwarna amber, yaitu ruang gua penuh stalaktit, sungai bawah tanah yang mengalir, dan peta lorong yang tumbuh dari pintu masuk. Teks tipografi tebal, label mono, dan penghitung panjang lorong muncul di sela perjalanan kamera.Three.js · Shader · Partikel
  232. Explainer20 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
  233. Motion design15 dtkSinggah, Satu Liburan Tiga RencanaVideo peluncuran 15 detik untuk aplikasi perencana liburan fiktif Singgah di latar terang: judul ditarik melebar seperti di kanvas desain, satu permintaan liburan diketik, lalu tiga rencana Hemat, Santai, dan Petualang ditulis serentak. Layar mundur menjadi kisi papan rencana banyak rombongan yang berhamburan dan ditutup logo Singgah Rombongan dikelilingi kartu fitur yang melayang.GSAP · CSS · SVG
  234. Motion design20 dtkShowreel Musim Layang-LayangLayang-layang kecil berekor dan pita warna-warni mengorbit sebuah matahari bercahaya di langit malam, lalu kilatan bintang berujung empat membawa kita ke satu hembusan angin yang menabrak rangka layangan kaca dan keluar sebagai kipas enam ekor pelangi yang berkibar. Ekor-ekor itu diperbesar menjadi enam pita film bergulir berisi kartu ragam layangan, lalu pita membelah dan menutup dengan judul Musim Layangan.Canvas 2D · Partikel
  235. Motion design15 dtkSeutas, Cukup Satu KabelHitungan menit mencari charger melonjak dari 12 ke 4.215 di tengah kusutnya kabel dan label keluhan yang beterbangan, lalu semuanya tersedot ke satu titik cahaya dan meledak menjadi layar hijau limau bertuliskan "Satu kabel.". Video ditutup dengan logo merek fiktif Seutas yang dialiri seutas kabel bercahaya.Canvas 2D · SVG · CSS
  236. Interaktif20 dtkRegu Pemecah AsteroidGim 3D kooperatif yang memainkan dirinya sendiri: empat pesawat kecil berwarna menukik di atas asteroid raksasa, menembus perisai es lalu meledakkan empat inti panas sambil menghindari semburan lava dan menembaki batu yang datang. Setelah inti terakhir padam, asteroid retak bercahaya dan terbelah, sementara regu terbang pulang ke planet biru.Three.js · Shader · Partikel
  237. 3D20 dtkPetak, Peracik Motif TegelVideo peluncuran 20 detik untuk aplikasi fiktif Petak: kalimat pembuka muncul kata demi kata, satu kata berubah menjadi jendela aplikasi, kursor mengetik kenangan tentang lantai teras lalu menekan tombol, dan layar membuka ke ruang gelap berisi dinding motif tegel yang dipindai, tiga motif terpilih, karusel 3D tegel baru, dan lantai teras yang tersusun ubin demi ubin sebelum logo muncul.SVG · CSS
  238. 3D15 dtkRacik Es Teh dalam Satu KartuSatu bentuk UI tanpa potongan berubah dari stepper jumlah gelas menjadi slider tingkat manis, pilihan es batu, jadwal ambil, ringkasan pesanan, loader, dan toast, semuanya digerakkan kursor dengan klik dan geser. Latar berganti warna cerah di tiap tahap sementara gelas es teh ikut berubah manis dan dinginnya.SVG · CSS
  239. Motion design15 dtkShowreel Gerak Bulu TangkisShowreel motion graphics 15 detik bertema bulu tangkis yang berganti adegan tepat di setiap ketukan: kok 3D mengilap, grid ubin geometris, kata SMES yang menyala, terowongan garis lapangan neon, kata JUARA bertekstur marmer, lapangan isometrik yang beriak, dan deretan istilah pukulan yang bergulir.Shader · Canvas 2D · WebGL
  240. Motion design18 dtkSemerbak, Aplikasi Penemu WangiFilm produk 18 detik untuk aplikasi fiktif Semerbak di panggung gelap bersudut bulat berlatar cahaya amber: ikon gelombang wangi, beranda aplikasi, daftar parfum, deretan sampul aroma, pencarian "Kabut Melati", lalu sampul kabut sutra mutiara yang membesar, bertukar tempat, dan berujung pada logo Semerbak.Shader · SVG · CSS
  241. Motion design20 dtkPrangko yang Kabur dari BingkainyaSebuah prangko bergambar matahari, gunung, dan sawah tak sanggup menahan isinya: matahari menjebol perforasi, gunung tumbuh melewati tepi, dan sawah memanjang keluar sebelum layar tersapu kuning dan hijau. Di akhir, prangko yang tinggal bingkai kosong dicap pos dengan kalimat penutup.Canvas 2D
  242. Motion design20 dtkSatu Detik Seekor KolibriRibuan partikel bercahaya berkumpul menjadi seekor kolibri yang melayang di depan bunga di ruang gelap, sementara penghitung besar bergaya HUD menghitung 53 kepakan sayap lalu 21 detak jantung yang terjadi dalam satu detik.Canvas 2D · Partikel · CSS
  243. Motion design20 dtkFlamboyan di Kota KelabuIklan sinematik gelap untuk gerakan tanam kota fiktif Rimbun: barisan warga kelabu berbaris serempak di bawah menara jam, lalu satu sosok oranye menanam benih di retakan alun-alun beton dan sebatang pohon flamboyan tumbuh menyala, menutupi menara jam dengan bunga merah jingga.Canvas 2D · Partikel
  244. Motion design20 dtkKincir, Pemantau Tambak UdangVideo perkenalan produk 20 detik untuk aplikasi fiktif Kincir di latar biru malam beraksen kuning: delapan kartu sensor tambak udang menyala bergantian, korsel petak tambak dengan kincir air yang berputar, lalu grafik oksigen malam yang turun di bawah batas aman sampai kincir menyala otomatis dan kurvanya pulih.Canvas 2D · SVG · GSAP
  245. 3D15 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
  246. 3D11 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
  247. Explainer20 dtkKenapa Luas Lingkaran Pi R KuadratSebuah martabak bundar berjari-jari r dipotong menjadi 8, 16, lalu 48 juring yang disusun naik turun sampai bentuknya mirip persegi panjang selebar πr dan setinggi r. Rumus di kiri atas ditulis ulang sampai menjadi Luas = πr², lalu potongan kembali menjadi lingkaran bertuliskan πr².SVG
  248. 3D8 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
  249. Interaktif19 dtkKepiting Penanam BakauSeekor kepiting piksel di tepi hutan bakau saat senja melempar bibit bakau ke lubang-lubang lumpur, sempat meleset sekali, lalu kelima bibit tumbuh dan akarnya menahan ombak ketika air pasang naik.Canvas 2D · Pixel art · Partikel
  250. Interaktif20 dtkMenjelajah Lembah Menara TanahKamera terbang bebas menyusuri ngarai sungai merah saat matahari rendah, melintas di bawah jembatan tali berlentera, mengitari menara gundukan tanah raksasa berjendela menyala, lalu menembus gerbang lengkung tanah ke arah matahari terbenam.Three.js · Shader · WebGL
  251. Motion design20 dtkBintang Kecil Pulang ke LangitSeorang gadis kecil bergaya coretan tangan melihat bintang jatuh saat senja, menemukan bintang mungil yang murung di puncak bukit, memeluknya sampai bercahaya, lalu melepasnya kembali ke langit. Bintang itu menjadi kepala sebuah rasi berbentuk gadis kecil yang melambai, dan malam ditutup tulisan selamat malam.Canvas 2D · Partikel · CSS
  252. 3D20 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
  253. Motion design20 dtkKuku si Kukang Tak Telat LagiKuku, seekor kukang mungil bergaya gambar krayon, selalu ketinggalan bus sekolah sampai ia memasang aplikasi alarm fiktif Gegas. Sejak itu ia selalu duluan sampai di halte, hitungan tepat waktunya terus naik, dan cerita ditutup dengan kartu ajakan memasang Gegas.Canvas 2D · Partikel · CSS
  254. Motion design20 dtkTokek Menjelaskan Kaki LengketnyaSeekor tokek kartun membawakan acara bincang singkat tentang rahasia kakinya yang bisa menempel di dinding, disunting cepat dengan subtitle kata per kata, potongan zoom, latar yang berganti dari studio bertirai ke dunia pop bersinar lalu kartun lawas sepia. Di akhir ia menempelkan telapak kakinya ke layar.Canvas 2D
  255. Motion design20 dtkTujuh Warna dari Seberkas CahayaReel gerak lima bab tentang pelangi: prisma kaca 3D memecah cahaya putih, tujuh batang neon membentuk wordmark Pelangi, lalu kata-kata yang distabilo di sebuah catatan terbang menjadi sketsa tangan tentang cahaya matahari yang membelok dan memantul di dalam tetes hujan hingga busur pelangi tergambar.Three.js · Canvas 2D · CSS
  256. 3D20 dtkSemi, Padang yang Kembali HijauWordmark semi. memampat ke titiknya lalu membuka galeri sembilan pemandangan, dan kursor masuk ke foto padang savana kering dengan satu pohon. Toolbar kaca berubah menjadi slider Musim hujan yang mengubah padang dari kemarau, lewat hujan, menjadi hijau berbunga, lalu berakhir di layar kunci dan kembali ke wordmark.Canvas 2D
  257. Motion design20 dtkLapis, Satu Perintah Cetak 3DVideo peluncuran 20 detik untuk alat fiktif Lapis di latar hitam: terminal mengetik perintah cetak vas spiral, tiga kartu pratinjau lapisan dan jalur nozzle mengipas keluar, lalu logo Lapis muncul dengan gradasi terakota ke ungu dan angka satu juta cetakan per bulan menghitung naik.SVG · GSAP · CSS
  258. Motion design20 dtkCurhat Lampu Merah PerempatanSebuah lampu lalu lintas bercerita dari sudut pandangnya sendiri lewat tipografi kinetik di layar gelap: tiga kata MERAH, KUNING, HIJAU menghantam layar, log kendaraan berlari di latar, penghitung motor penerobos dan klakson melonjak, lalu hitung mundur 3, 2, 1 berakhir pada lampu hijau dan ajakan silakan jalan.Canvas 2DJuri 91
  259. Motion design11 dtkTukang Sate Mengipas BaraAnimasi pixel art 16-bit seorang tukang sate bersarung di samping gerobak SATE AYAM pada malam berbulan: ia mengipas arang makin cepat sampai bara menyala, api menyembur dengan percikan dan kepulan asap, lalu tenang lagi sementara sate perlahan matang dan seekor kucing oranye terlonjak kaget.Canvas 2D · Pixel art · Partikel
  260. Motion design20 dtkShowreel Psikedelik Ubur-UburShowreel gerak 20 detik dalam lima bab tentang ubur-ubur: payung bulan dilihat dari atas yang berdenyut dengan cincin pelangi, terowongan hipnotis dari ratusan payung kecil, pusaran sulur neon, kilat cahaya putih, lalu seekor ubur-ubur 3D bening berkilau pelangi melayang di laut dalam sebelum judul UBUR-UBUR muncul.Shader · WebGL · Canvas 2D
  261. Motion design15 dtkKaret Gelang Unjuk GerakReel tipografi kinetik 15 detik berjudul KARET BISA: seutas karet gelang oranye memamerkan geraknya lewat kata yang bergerak sesuai artinya, dari MELAR, MENTAL, MELILIT, BERPILIN, MERANGKAI, sampai cincin karet 3D yang LENTUR, lalu ditutup dengan APA SAJA.Canvas 2D · Shader · WebGL
  262. 3D20 dtkKukang Memetik Sasando Saat SenjaSeekor kukang berbulu lebat dengan topi ti'i langga duduk di ujung dermaga kayu dan memetik sasando berdaun lontar saat matahari terbenam di atas laut. Kamera mendekat dari bidikan lebar ke jari yang memetik dawai, lalu menjauh lagi saat butir cahaya keemasan dari tiap petikan melayang ke langit jingga.Three.js · WebGL · Shader
  263. Motion design14 dtkPesan Galon dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Pesan galon" menjadi pemuat, centang, pulau info depot terdekat, kartu pilihan isi galon dengan air yang bergoyang, slider jumlah galon yang melar saat ditarik melewati batas, sakelar antar sampai dapur, grafik galon per minggu, lalu notifikasi kurir berangkat. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, dan videonya kembali ke tombol awal.CSS · SVGJuri 90
  264. Explainer20 dtkPiring Pulang Setelah HajatanVideo penjelas lima adegan untuk usaha fiktif Piring Pulang, penyewaan alat makan untuk hajatan: tumpukan sampah piring sekali pakai berubah menjadi tumpukan piring keramik, lalu tiga langkah layanan, satu angka bukti, dan nama usahanya di akhir.SVG · GSAP · CSS
  265. Explainer20 dtkLipat Kertas Sampai ke BulanVideo penjelas tentang penggandaan: selembar kertas setebal 0,1 mm dilipat berulang kali sampai tumpukannya melewati Bulan, dan setiap babak tampil dalam gaya visual yang sama sekali berbeda. Pergantian gayanya sendiri berupa layar yang terlipat dua, dari ilustrasi datar, terminal hijau, gim 8-bit, cetak biru, sampai halaman koran.Canvas 2D
  266. Motion design20 dtkRuang Kendali Waduk Satu LayarSebuah titik di layar hitam membuka terminal pemantau waduk fiktif Tirtana: grafik muka air, pos hujan, kurva kapasitas, pintu air, dan penampang bendungan muncul satu per satu, kamera menyelam ke beberapa skala, lalu menjauh sampai seluruh layar menjadi titik di angkasa. Dari titik itu kamera kembali mendekat ke ponsel mendatar berisi grafik dan tabel kapasitas, ditutup kalimat Satu Layar untuk Seluruh Waduk.Canvas 2D
  267. Motion design15 dtkAnatomi Sebuah BersinTipografi kinetik 15 detik tentang bersin: kata GATAL bergetar, HAAA meregang saat menarik napas, HATSYI! meledak dengan semburan percikan, lalu grafik aliran udara mencoret mitos 160 km/jam dan menutup dengan pesan tutup pakai siku. Seluruhnya dihiasi catatan tulisan tangan, kode waktu, dan linimasa ala desainer motion.Canvas 2D · PartikelJuri 91
  268. Explainer20 dtkApi yang DijinakkanVideo penjelas bergaya editorial gelap tentang sejarah singkat cahaya buatan dalam empat bab: pelita minyak, lampu gas jalan kota, bola lampu pijar, dan LED, masing-masing dengan diagram garis tipis yang menyala oranye. Ditutup linimasa dari api ke elektron.Canvas 2D · CSS
  269. Motion design20 dtkGelinding, Malam Boling dan BiliarVideo pitch 20 detik untuk tempat main fiktif Gelinding: terowongan pita retro berwarna menembakkan logo bola bergaris, lalu tiga bab berlabel BOLING., BILIAR., dan DART. memperlihatkan strike yang membuyarkan sepuluh pin, rak bola biliar yang pecah, dan anak panah yang menancap tepat di tengah papan, sebelum ditutup kartu logo.Three.js · Shader · Partikel
  270. Motion design20 dtkLarut, Racik Nutrisi Lewat ObrolanVideo presentasi gelap beraksen hijau limau untuk alat fiktif Larut: sebuah permintaan diketik di jendela obrolan AI, tiga langkah alat berjalan satu per satu, lalu tautan dibuka menjadi dasbor rak hidroponik tempat pH turun, EC naik, pompa berdenyut, dan selada tumbuh. Video ditutup dengan logo tetes air dan slogan.Canvas 2D · CSS
  271. Motion design15 dtkSelat, Satu Tiket Setiap PulauDi latar putih bersih, sebuah tiket kapal feri bergambar laut pagi berlipat ganda menjadi deretan kartu pulau dalam perspektif, lalu tersusun ke kalender keberangkatan sepekan. Satu jadwal berubah menjadi Berlayar dan membuka peta rute tempat kapal mungil menyeberang selat sampai wordmark selat. muncul.SVG · GSAP · CSS
  272. Motion design20 dtkObeng, Catatan Perbaikan RumahDiorama 3D isometrik di atas piringan berganti dari dapur, teras, ke ruang tengah, sementara kartu di bawahnya mendengarkan kalimat pemilik rumah lalu menyusunnya jadi catatan perbaikan. Video ditutup dengan ringkasan tiga perbaikan dan total biaya bulan ini.Three.js · GSAP · CSS
  273. 3D20 dtkDi Dalam Pembangkit Panas BumiKamera menyusuri maket putih pembangkit listrik panas bumi di lereng gunung api, dari reservoir panas di bawah tanah, separator, turbin, dan menara pendingin sampai gardu induk. Aliran uap oranye, air biru, dan listrik kuning bergerak di dalam pipa dan kabel, dijelaskan per bab dengan label bergaris penunjuk.Three.js · Shader · SVG
  274. Motion design20 dtkRona, Palet Warna InstanVideo peluncuran 20 detik untuk alat fiktif Rona di latar krem hangat: kalimat Temukan warnamu diketik, hurufnya tersedot lalu meledak jadi garis-garis radial, logo kipas lima kartu warna terbentuk, lalu jendela aplikasi memperlihatkan lima kolom warna yang dikunci, diacak, dan diekspor sebelum kolomnya melipat kembali menjadi logo.Canvas 2D · Partikel
  275. Motion design20 dtkUntai, Membaca KehidupanFilm peluncuran 20 detik bergaya alat pengembang untuk pustaka genomika fiktif Untai: satu kursor melepas sinyal yang bercabang, fungsi baca() terhubung ke 24 format data, lalu satu aliran berubah dari huruf basa menjadi heliks DNA, protein yang melipat, dan pohon kekerabatan sebelum ditutup wordmark Untai. Di tengahnya empat proses berjalan paralel dan aliran yang terputus tersambung lagi dari titik yang sama.Canvas 2D · Partikel
  276. Motion design20 dtkMenembus Tirai AuroraDari orbit, matahari terbit di tepi Bumi dan angin matahari keemasan menyalakan cincin aurora, lalu kamera menyelam menembus tirai cahaya hijau dan ungu, menengadah ke mahkota aurora yang berputar, dan mendarat di tepi danau pegunungan saat langit masih menyala.Shader · WebGL · Canvas 2D
  277. Motion design20 dtkTimbang, Catatan Tumbuh BalitaBalok-balok koral menyusun logo dacin berisi bayi untuk aplikasi fiktif Timbang, lalu dinding ubin menyapu layar ke tiga fitur: kader mencatat berat balita dengan satu ketuk, kurva tumbuhnya tergambar di grafik, dan pengingat jadwal posyandu sampai ke ponsel ibu. Video ditutup dengan logo dan slogan di latar terang.SVG · GSAP · CSS
  278. Motion design20 dtkSelimut, Dongeng dari Seberang LautVideo promosi emosional untuk aplikasi fiktif Selimut: angka jarak 1.946 km antara ayah dan rumah, pengatur waktu rekaman dongeng malam ke-214 dengan gelombang suara berpendar, lalu jendela kamar anak yang terisi 214 bintang, sebelum bintang-bintang itu berkumpul menjadi bulan sabit logo Selimut.Canvas 2D · Partikel
  279. Motion design20 dtkSela, Satu Jam untuk Semua ZonaVideo peluncuran 20 detik bergaya SaaS untuk alat fiktif Sela yang mencari jam rapat cocok bagi tim di empat zona waktu: kartu pencarian memindai jam kerja dan menemukan Selasa 14.30 WIB, enam kartu jawaban menyala di latar gelap, lalu dasbor, panggilan API, dan halaman wawancara memperlihatkan kegunaannya sebelum ditutup logo Sela.SVG · GSAP · CSS
  280. Interaktif20 dtkJemur, Tahu Kapan Angkat CucianDi layar ponsel, seseorang mengetik pertanyaan ke aplikasi fiktif Jemur dan langsung dapat jam aman menjemur, jam angkat sprei, lalu notifikasi gerimis. Setelah itu tiga ponsel membuka layar ramalan per jam, radar awan, dan waktu kering kain, sementara angka jenis kain naik ke 36 dan ikon pakaian berputar di bawahnya.SVG · CSS
  281. Motion design20 dtkDua Keluarga Besar DinosaurusVideo infografis datar yang membelah dinosaurus menjadi dua keluarga, pinggul kadal dan pinggul burung, lalu membuka berkas fosil Tyrannosaurus dan Triceratops lengkap dengan siluetnya. Penutupnya linimasa Trias, Jura, dan Kapur yang berakhir pada 66 juta tahun lalu.SVG · CSS · GSAP
  282. Motion design16 dtkCelepuk Tersusun dari SerpihanKerangka garis seekor burung hantu celepuk tergambar di langit malam ungu, lalu ratusan serpihan segitiga low-poly terbang masuk satu per satu sampai membentuk ikon aplikasi tidur fiktif Celepuk. Ikon berkilat lalu menjadi tajam dengan tekstur faset halus dan sinar lembut berputar di belakangnya, nama celepuk dan slogannya diketik, lalu sang celepuk berkedip dan tertidur.Canvas 2D · Partikel
  283. Explainer20 dtkSejam Lebih Mata TerpejamDi atas kertas krem, angka serif besar menghitung kedipan mata dalam sehari sampai 14.400 sementara garis-garis kedipan memenuhi garis waktu 16 jam, lalu angkanya berubah menjadi 72 menit mata terpejam. Ratusan garis itu berkumpul menjadi satu blok merah, dan layar sendiri sesekali ikut berkedip seperti kelopak mata.SVG · CSSJuri 91
  284. Motion design20 dtkBulu Babi di Layar TabungDi layar televisi tabung yang berbintik, garis-garis pindai terangkat membentuk siluet bulu babi, lalu berubah menjadi bulu babi 3D pipih yang diiris garis horizontal bercahaya dengan inti merah muda dan lima jalur bintang di punggungnya. Sapuan cahaya mengubahnya menjadi bulu babi mengilap biru ungu di antara plankton, judul BULU BABI muncul, lalu layar padam menjadi satu garis.Three.js · Shader · Canvas 2D
  285. Interaktif20 dtkRobot Vakum Diburu Anak AnjingGim arcade 3D top-down di layar ponsel: robot vakum mungil menyedot remah di ruang tamu sambil memancing anak anjing yang mengejarnya agar menabrak kaki meja, puf, dan satu sama lain, sampai baterainya lemah dan ia pulang ke dok, lalu keempat anak anjing duduk manis melingkarinya dengan hati melayang.Three.js · Canvas 2D · Fisika
  286. Motion design20 dtkSauh, Aplikasi Teman MelautPromo gerak aplikasi fiktif nelayan bernama Sauh di latar biru keabuan terang: grafik pasang surut tergambar, donat hasil tangkapan berganti dari per alat ke per jenis ikan, dan kartu gelap harga lelang menghitung naik. Air pasang lalu membanjiri layar menjadi kalender hari baik melaut sebelum logo Sauh menutup video.SVG · GSAP · CSSJuri 90
  287. Motion design20 dtkKokok, Kandang Petelur TerpantauVideo peluncuran 20 detik untuk aplikasi fiktif Kokok bagi peternak ayam petelur di latar abu terang: kartu sensor kandang, daftar blok dengan status kesehatan, peta panas produksi telur 30 hari yang menyorot hari produksi turun, dan rak telur 30 butir yang terisi lalu tercatat, ditutup ikon aplikasi dan ajakan coba gratis.SVG · Canvas 2D · CSS
  288. Motion design20 dtkTerima Kasih ala NusantaraShowreel bergaya editorial untuk arsip bahasa fiktif Lumbung Kata: ucapan terima kasih berganti cepat dalam sebelas bahasa di atas latar krem, situsnya tampil di bingkai browser dan ponsel dengan mode gelap, lalu kolom tanya menjawab pertanyaan dengan huruf besar. Video ditutup angka 718 bahasa daerah dan kartu akhir Lumbung Kata.SVG · GSAP · CSS
  289. Motion design15 dtkTerumbu yang Tumbuh KembaliKarang tanduk rusa dari titik LED berwarna koral tumbuh di rangka besi, lalu memijah menjadi partikel yang menyusun angka 87%. Video ditutup dua layar slogan berpita teks miring dan satu fragmen karang baru yang mulai tumbuh.Canvas 2D · SVG · CSSJuri 91
  290. Interaktif15 dtkKedai Jamu PikselGame pixel art kedai jamu yang dimainkan kursor otomatis: tiga pelanggan memesan kunyit asam, beras kencur, dan wedang jahe, bahan dipilih dari deretan kartu, ditumbuk di lumpang, lalu disajikan ke tangan pelanggan yang menyambutnya dengan senang. Langit berganti dari pagi ke senja sampai muncul layar Hari Selesai yang menghitung hasil hari itu dan memberi tiga bintang.Canvas 2D · Pixel art · Partikel
  291. Interaktif20 dtkSembur, Teman Pengamat PausPromo vertikal aplikasi fiktif pengamat paus bernama Sembur: setiap fitur yang disentuh di ponsel keluar ke laut di sekitarnya, dari tiga paus biru yang berenang di jalur migrasi, cincin suara dari kawanan paus sperma, sampai seekor paus biru raksasa yang naik dari kedalaman dan menyemburkan cahaya ke seluruh layar. Sebuah perahu kecil dengan jejak biru elektrik mengarahkan rute titik-titiknya ke setiap temuan.Canvas 2D · SVG · CSS
  292. Explainer20 dtkPerpustakaan Benih Lumbung RanumVideo penjelas bergaya halaman web editorial memperkenalkan Lumbung Ranum, perpustakaan benih warga fiktif: laci lemari katalog kayu terbuka dan sekantong benih padi gogo naik keluar, kisi sembilan benih lokal dengan hitungan 312 varietas, tiga alasan pentingnya di bagian gelap, lalu cara meminjam satu kantong dan mengembalikan dua. Penutupnya ikon lumbung yang tergambar sendiri, jam buka akhir pekan, dan barisan bibit padi yang tumbuh.SVG · GSAP · Canvas 2D
  293. 3D20 dtkDi Dalam Instalasi Air BersihKamera menyusuri instalasi pengolahan air bergaya maket putih, dari sungai keruh yang mengalir ke intake, bak pengaduk tawas, bak pengendap yang dipotong, filter pasir, sampai menara air dan permukiman. Di akhir kamera mendekat ke satu rumah, keran dibuka dan air biru jernih mengisi ember.Three.js · Shader · SVG
  294. Motion design20 dtkPojok Daun Pencari Tanaman HiasShowcase aplikasi web fiktif Pojok Daun: pencarian tanaman untuk kamar minim cahaya mengangkat kartu-kartu tanaman bergambar dari tumpukan ke korsel, kamera zoom dengan efek fokus, lalu kartu Lidah Mertua dibalik menjadi kartu rawat dan disimpan ke Kebunku.SVG · CSSJuri 91
  295. Motion design20 dtkDomino Huruf Runtuh BerantaiSebuah bola merah menjatuhkan huruf R, U, N, T, U, H yang tiap kepingnya 1,5 kali lebih tinggi, lalu panel biru, kartu ukur, dan panel merah raksasa ikut roboh seperti domino sementara kamera terus mundur. Panel merah akhirnya rebah sehingga kata BERANTAI memenuhi layar, lalu deretan balok kecil mengulang reaksi itu dan huruf-hurufnya ikut melompat.Canvas 2D · FisikaJuri 91
  296. Motion design20 dtkSambal Ulek PsikedelikVideo musik bisu bergaya glitch psikedelik: stiker cabai rawit, bawang merah, tomat, jeruk limau, dan cobek berisi sambal berganti setiap ketukan di atas latar pelangi yang terus mengalir. Ada kilatan putih, sobekan RGB, kaleidoskop berputar, adegan meja kayu yang tenang, dan satu kata raksasa di awal tiap birama sampai ditutup kata SAMBAL.Canvas 2D · CSSJuri 92
  297. Motion design10 dtkAku Sehelai Benang TenunEmpat kalimat tipografi kinetik bercerita sebagai sehelai benang: deretan nama serat memilin diri menjadi benang tiga helai, benang oranye ditenun naik turun di antara lungsin alat tenun, kata cerita ditenun baris demi baris menjadi motif ikat, lalu kalimat penutup bertimbul muncul di atas kain krem yang terbuka dari gulungan.Canvas 2D
  298. Interaktif20 dtkEkspedisi Gua KristalGame tambang first-person di gua bawah tanah: bor plasma memecah gugus kristal bercahaya menjadi serpihan, pemindai genggam menembus dinding rapuh, lalu bahan peledak meruntuhkannya dengan bola api dan kepulan debu, membuka ruang geode raksasa yang dindingnya dipenuhi kristal.Three.js · WebGL · Shader
  299. Motion design20 dtkKelir, Wayang Bicara BahasamuPromo bergaya Apple untuk aplikasi fiktif Kelir yang membuat takarir pentas wayang kulit: ponsel di latar hitam memutar rekaman pentas, lalu kamera menyelam ke layarnya sampai kelir yang bercahaya memenuhi bingkai. Gunungan disingkap, bayangan ksatria dan raksasa berhadapan sementara takarir bahasa Indonesia disorot kata demi kata, dan video ditutup ikon aplikasi.Canvas 2D · GSAP · CSS
  300. Motion design20 dtkTempe Itu Ternyata HidupVideo lirik kartun bergaya buku cerita tentang seorang anak SD yang bosan di dapur Mbah sampai ia melihat kapang Rhizopus merajut kedelai menjadi tempe: spora terbang dari sporangium di papan kapur, hifa tumbuh di diagram cetak biru, lalu ditutup dengan tempe goreng dan tulisan kapur terima kasih untuk kapangnya.Canvas 2DJuri 91
  301. Motion design20 dtkSatu Tap Keliling KotaPromo motion graphics untuk kartu transportasi kota fiktif bernama Lajur: kartu di-tap ke pembaca, ubin bento fitur bus, kereta, kapal, angkot, dan sepeda hidup satu per satu, lalu tipografi kinetik dan perjalanan tiga moda menunjukkan tarif harian yang berhenti di Rp10.000.SVG · GSAP · CSSJuri 91
  302. Motion design20 dtkCatatan Pensil Padma RaksasaBuku lapangan bergaya sketsa pensil di kertas krem bercerita tentang padma raksasa: kuncup yang tumbuh sekitar setahun di liana, tujuh kartu hari mekar dengan lalat penyerbuk, ukurannya dibanding bunga lain, lalu peta sebarannya di Sumatra dan Kalimantan.Canvas 2D
  303. Explainer20 dtkKenapa Macet Muncul Tanpa SebabAnimasi papan tulis gambar tangan: empat belas mobil berputar di jalan melingkar, satu rem kecil berubah menjadi gelombang macet yang merambat mundur di grafik jejak mobil, lalu gelombangnya makin kecil dan teredam saat jarak antarmobil dijaga.Canvas 2D
  304. Motion design15 dtkKakao Naik KelasVideo pitch bergaya HUD gelap untuk koperasi kakao fiktif Lembah Senja: kartu uji belah merah memperlihatkan biji asalan dan harga yang anjlok, lalu berubah biru saat fermentasi enam hari membuat biji menjadi cokelat. Biji-biji itu kemudian menjadi titik di peta kebun, lembar mutu putih dipesan lewat kursor, dan video ditutup dengan ajakan bermitra.Canvas 2D · SVG · CSSJuri 92
  305. Motion design20 dtkEmak Melawan Awan NakalDi atap rumah yang cerah, seorang emak berduel dengan awan nakal yang terus meniup jemurannya: kaus kaki terbang ke kepala kucing, sarung jadi parasut, dan awan diperas seperti handuk basah. Petir sang awan dipantulkan tutup panci hingga meledak, semua cucian jadi kering terlipat, awan kecil yang gosong dijemur di tali, dan video ditutup dengan tulisan Pemenang: Emak.Canvas 2D · Partikel
  306. Explainer20 dtkPerjalanan Sebutir KelapaKoko, sebutir kelapa tua berwajah lucu, jatuh dari pohon ke laut, dibedah untuk menunjukkan kenapa ia bisa mengapung, lalu hanyut 110 hari di peta laut mengikuti jalur acak sampai terdampar dan bertunas di pulau baru.Canvas 2D · Partikel
  307. Interaktif20 dtkPetualangan di Kampung LantingGame RPG 2D side-scroller tentang Sari, pedagang muda di kampung atas air: dari layar judul, ia menerima misi dari kepala kampung, membeli galah bambu di warung terapung, melompati perahu dan rakit sambil memetik pisang, lalu mengantar pesanan ke pasar terapung sampai naik level dan mendapat topi tanggui.Canvas 2D · Partikel · Bisa dimainkan
  308. Motion design20 dtkPeluncuran Lekuk 2.0Video peluncuran aplikasi fiktif perancang huruf bernama Lekuk: huruf a bertingkat satu digambar simpul demi simpul di jendela editor gelap, angka versi 2.0 bergulir, pasangan huruf pada kata Tawa dirapatkan, lalu kursor mengganti warna aksen sementara huruf makin tebal, ditutup kartu logo dan slogan.GSAP · SVG · CSS
  309. Motion design20 dtkBoyong, Pindahan Tanpa PanikVideo peluncuran aplikasi fiktif Boyong di latar gradasi pastel: satu kalimat tentang pindahan rumah diketik, lalu kartu antarmuka yang miring menyusun rencana, menggambar rute truk dari Jogja ke Bandung di peta ilustrasi beserta jadwal kru, dan mencatat 38 kardus sampai satu per satu. Video ditutup logo Boyong dengan tagline Pindah rumah, tanpa panik.Canvas 2D · SVG · GSAP
  310. Motion design15 dtkCara GPS Menemukan PosisimuReel gerak editorial lima bab tentang GPS: peta langit bertitik mengunci satelit satu per satu, sinyal waktu turun 20.200 km ke ponsel, tiga lingkaran jarak bertemu di satu titik, dan bola dunia bertitik dikelilingi enam bidang orbit. Panel matriks titik penutup menunjukkan jam yang meleset satu mikrodetik menggeser posisi 300 meter.Canvas 2D · CSS · Partikel
  311. Motion design20 dtkTanah yang Hidup di Bawah KakiTipografi kinetik di latar cokelat kehitaman dengan jaringan hifa dan akar yang tumbuh di bawah garis permukaan tanah, ribuan mikroba yang terbang masuk ke satu sendok makan, lapisan horison O, A, B, C yang naik menjadi kertas krem, angka raksasa 1000 yang terisi lapisan tanah, sebuah kutipan serif, lalu tunas kecil yang tumbuh dan menyalakan seluruh jaringan.Canvas 2D · GSAP · Partikel
  312. Motion design20 dtkDari Tombol Menjadi RotiSatu bentuk tanpa potongan berubah dari tombol hitam menjadi daftar bahan, bola adonan yang diuleni dan mengembang, kenop suhu oven, roti bundar yang digores lalu kecokelatan, dan notifikasi roti siap. Kursor menggerakkan setiap langkah dengan klik dan tarikan.CSS · SVGJuri 91
  313. Motion design10 dtkProfil Singkat Sang Beruang AirRibuan partikel bercahaya membentuk seekor tardigrada yang menarik kakinya dan mengerut menjadi tong kriptobiosis, lalu berganti rupa menjadi termometer, bumi dengan kapsul yang mengorbit, jam pasir, pengukur tekanan, dan pohon spesies yang bercabang, masing-masing dengan judul bergaya HUD. Video ditutup garis cahaya yang meledak menjadi wordmark TARDIGRADA.Three.js · Shader · Canvas 2D
  314. Motion design20 dtkJilid, Naskah Lepas Jadi BukuVideo peluncuran 20 detik untuk studio jilid fiktif jilid.: lembar skripsi yang tercecer melayang lalu kamera menukik masuk ke stiker BAB 1, kemudian kata kerja raksasa bertitik warna (susun, jahit, lem, tekan, potong, sampul, emas) berganti mengikuti ketukan, masing-masing dengan elemen antarmuka kecil yang bergerak. Ditutup potongan cepat rapi, kokoh, kilat dan kartu logo dengan tombol Unggah naskah yang diklik kursor.SVG · GSAP · CSS
  315. Motion design15 dtkShowreel Perpustakaan KelilingShowreel gelap beraksen oranye untuk perpustakaan keliling fiktif Rak Kelana: manifesto tipografi besar, angka buku dipinjam dengan grafik pertumbuhan dan rak buku yang terisi punggung demi punggung, motor pustaka mendaki garis lereng gunung, kata-kata koleksi yang berganti cepat, lalu perahu pustaka berlayar di peta antarpulau. Video ditutup dengan logo Rak Kelana dan slogannya.Canvas 2D · SVG · GSAP
  316. Motion design20 dtkKentong, Jadwal Ronda BeresVideo peluncuran aplikasi fiktif Kentong untuk mengatur ronda malam: ikon kentongan piksel berubah menjadi jendela obrolan warga yang ruwet, lalu meluas menjadi malam penuh kartu fitur, dan akhirnya mengecil menjadi notifikasi giliran jaga yang dikonfirmasi kursor.SVG · CSS
  317. Motion design10 dtkPerkenalkan, Aku GravitasiGravitasi memperkenalkan dirinya lewat tipografi kinetik: bola oranye memantul, huruf membumi jatuh ke garis, batu dan bulu jatuh bersamaan untuk kata adil, dan sebuah bandul melepas titiknya ke huruf i pada tak terlihat. Daftar hal yang ia kerjakan bergulir sebelum kata gravitasi mendarat dengan titik oranye.Canvas 2D · Fisika
  318. Motion design15 dtkLingkar, Membaca Cincin PohonPromo gerak aplikasi fiktif Lingkar di latar biru gelap: tabel data cincin tahun dan judul serif membuka cerita, lalu foto sampel inti kayu jati diseret ke jendela aplikasi, pecah menjadi partikel yang menyusun penampang batang, dan garis pemindai membaca 142 cincin menjadi grafik lebar cincin dengan 11 tahun kemarau panjang.Canvas 2D · SVG · CSSJuri 90
  319. Motion design20 dtkSatu Bentuk Menuju Tidur LelapSatu bentuk tanpa potongan berubah dari tombol hitam menjadi kolom perintah, dinding suara pengantar tidur yang digulir, penggeser pengatur waktu, sakelar alarm pintar, tab, grafik tahapan tidur, palet perintah, dan notifikasi alarm untuk aplikasi tidur fiktif. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, lalu kembali ke tombol awal.SVG · CSS
  320. Motion design18 dtkLima Buah Musim Kios PetikPromo gerak 18 detik untuk kios buah fiktif Kios Petik: durian terbelah, manggis dihitung juringnya, rambutan mendarat di grafik panen, salak ditimbang sampai pas sekilo, lalu mangga dipesan lewat kartu pesanan. Tiap buah tampil di latar warna datar yang berbeda dan ditutup logo keranjang buah Kios Petik.GSAP · SVG · CSS
  321. Motion design15 dtkShowreel Psikedelik Nanti SajaShowreel gerak 15 detik tentang kebiasaan menunda: jam pasir rangka kawat yang pasirnya mengalir ke atas dikelilingi kata-kata alasan, siput mengantuk bercangkang spiral hipnotis di tengah kolase bunga bertekstur halftone dengan judul besar NANTI SAJA, lalu jalan berpetak menuju gerbang berupa halaman kalender raksasa yang terus disobek dan menjauh, ditutup stempel karet LAGI.Canvas 2D · Partikel
  322. Motion design20 dtkSetahun Hujan MeteorLinimasa HUD gelap mengikuti Bumi mengitari Matahari dari Januari sampai Desember: setiap kali Bumi menerobos jejak debu komet atau asteroid, garis meteor meledak dari titik radiannya dan nama hujan meteornya muncul besar bersama angka meteor per jam dan kecepatannya. Video ditutup grafik batang yang memuncak di Geminid, lalu angka 150 per jam dengan daftar delapan hujan meteor setahun.Canvas 2D · Partikel
  323. Motion design20 dtkTrotoar Milik Semua KakiManifesto gerak 20 detik tentang trotoar: sebuah titik merah pejalan kaki terjepit motor parkir dan gerobak dorong, dihujani cap larangan merah, lalu di latar biru motor dan gerobak didorong turun ke badan jalan sementara trotoar melebar sampai banyak titik bisa berjalan bersama.Canvas 2D
  324. Motion design20 dtkSidik, Serial Thriller FiktifUrutan judul pembuka sinematik untuk serial thriller fiktif SIDIK: sidik jari pusaran spiral dengan delta, ujung garis, dan percabangan disapu cahaya miring, lalu 12 titik forensik merah ditandai satu per satu. Guratannya kemudian terurai seperti asap ke dalam tinta merah berserabut yang membentuk kembali sidik jari di dalam cincin judul.Shader · WebGL · Canvas 2D
  325. Motion design15 dtkReel Gerak Studio OrigamiReel gerak 15 detik untuk studio rekayasa kertas fiktif bernama lipat. Kata bergaya mesin ketik berganti mengikuti ketukan, selembar kertas terlipat dua kali lalu terbuka menjadi pola lipatan dasar bangau dan gambar garis bangau, kemudian kamera menembus bingkai kawat berlabel menuju bangau origami 3D bergaya halftone sebelum ditutup logo yang bersih.Three.js · Shader · WebGL
  326. Motion design20 dtkGembur, Kompos dari DapurVideo peluncuran 20 detik untuk aplikasi kompos rumahan fiktif Gembur di latar krem: logo gundukan tanah bertunas, chip sisa dapur dikunci dalam satu catatan, grafik suhu kompos dengan pengingat aduk di hari ke-6, lalu ribuan butiran tanah berjatuhan dan menumpuk menjadi gundukan saat kompos siap dipakai.Canvas 2D · GSAP · SVG
  327. Motion design15 dtkShowreel Spiral Emas NautilusShowreel gerak empat bab tentang rasio emas: modul geometris merah, biru, dan hitam tumbuh menjadi persegi panjang emas dengan spiral merah, lalu cangkang nautilus krom berputar di panel hitam berlatar biru. Cangkang bergaris api cokelat karat kemudian dibelah oleh bidang merah yang menyapu di atas sutra gelap hingga tampak sekat-sekat kamarnya, dan video ditutup cincin merah yang menutup saat angka 1,618 mendarat.Three.js · Shader · Canvas 2D
  328. Motion design20 dtkPerjalanan Sebuah Nama DomainDi latar biru malam, peramban mengetik alamat kedai-senja.example lalu resolver DNS bertanya berantai ke server root, server .example, dan server nama otoritatif lewat garis cahaya melengkung sampai mendapat alamat IP, sementara log kueri di bawah mencatat setiap langkah. Jawabannya disimpan sebagai cache, halaman kedai terbuka, dan kunjungan kedua dijawab dari cache hanya dalam 1 ms.Canvas 2D · Partikel
  329. Motion design15 dtkReel Gerak Sekeping SaljuReel gerak 15 detik dalam empat bab tentang kepingan salju: kata AIR, DINGIN, dan BEKU menyentak di layar hitam, tetes air berubah menjadi prisma, bintang, lalu dendrit bercabang, kristal bersimetri enam tumbuh dari kotak-kotak di grid titik heksagonal yang disapu gelombang cincin, dan ribuan partikel 3D membentuk keping salju bercahaya dengan pesan setiap keping berbeda.Canvas 2D · Partikel
  330. Motion design20 dtkRumpun, Pemindai Hama SawahVideo promosi vertikal untuk aplikasi fiktif Rumpun: kursor otomatis mengisi formulir, dua belas foto daun dan batang padi beterbangan masuk ke kotak unggah, lalu aplikasi mempelajari foto-foto itu dan menandai petak sawah yang diserang wereng batang cokelat di peta lahan.Canvas 2D · SVG · CSS
  331. Motion design15 dtkTurut, Koper yang Tak Pernah HilangSebuah koper cangkang keras perak 3D masuk bagasi lalu hilang jejak di ruang gelap, kemudian layar berubah jingga dan memperkenalkan aplikasi pelacak koper fiktif Turut lengkap dengan kartu lokasi dan berat koper.Three.js · CSS
  332. Motion design20 dtkPortofolio Studio Kemasan WarungKanvas desain abu-abu berisi belasan bingkai kemasan buatan studio fiktif Studio Bungkus. Kursor bernama Sekar memperbesar tiga proyek satu per satu (label sambal, kotak bakpia yang dilipat dari dieline, dan seri sachet jamu) sementara panel inspeksi di kanan menghitung dampak tiap proyek dengan angka oranye besar.Canvas 2DJuri 91
  333. Motion design14 dtkIndeks Serangga dalam Satu BentukSebuah lensa hijau bulat diklik kursor lalu berubah tanpa putus menjadi kartu indeks Kumbang Atlas, pemutar kepak sayap, slider perbesaran, sakelar jantan dan betina, grafik siklus hidup, kolom pencarian, dan notifikasi koleksi, sebelum kembali menjadi lensa semula.SVG · CSS
  334. Motion design17 dtkTrah, Silsilah Keluarga BesarIklan gerak untuk aplikasi fiktif Trah: sebuah ponsel di latar biru malam menampilkan halaman silsilah Bani Sastro yang bergulir dari pohon keluarga, daftar acara (satu undangan ditandai Hadir), sampai album kenangan dan pesan Eyang, sementara judul bergaris stabilo berganti di atasnya. Di akhir, kursor mengetuk tombol tema dan halaman berubah menjadi versi ungu gelap.SVG · CSS · GSAP
  335. Motion design20 dtkTenang di Mata BadaiVideo lirik bergaya showreel di atas siklon tropis yang dilihat dari orbit, dikelilingi laut biru tua: lirik serif muncul mengikuti ketukan 96 BPM, melingkar di sekitar mata badai, menghentak bersama kilat, lalu melambat saat kamera masuk ke mata badai yang sunyi dan keemasan. Awan akhirnya terurai menjadi fajar dan judul lagu menutup video.Shader · WebGL · SVG
  336. Motion design20 dtkLaba, Modal Tiap Menu TerhitungVideo peluncuran SaaS fiktif Laba di latar krem hangat beraksen amber: bahan-bahan mengalir lewat garis melengkung ke kartu menu yang menghitung modal per porsi, lalu jendela aplikasi menunjukkan harga cabai naik, margin turun, dan saran harga jual baru dipilih kursor sebelum ditutup logo.SVG · GSAP · CSSJuri 92
  337. Motion design15 dtkShowreel Rasi, Internet dari LangitShowreel gerak 15 detik untuk penyedia internet satelit fiktif Rasi: kamera mendorong masuk ke antena parabola di tengah ladang balok yang menyala, tipografi kinetik di latar biru listrik, lalu bola dunia bertitik penuh gugusan pulau dengan tiga cincin orbit satelit yang menembakkan sinar ke stasiun bumi. Penutupnya terminal yang menautkan sebuah pulau dan logo Rasi.Three.js · WebGL · Shader
  338. Motion design15 dtkShowreel Studio Bambu RuasShowreel 15 detik untuk studio arsitektur bambu fiktif Ruas: paviliun bambu saat senja, empat karya bergantian dalam layout terbelah dengan nomor bergaris luar (menara, kubah, rumah panggung di sawah, pendopo saat hujan), lalu situs studionya tersusun di jendela peramban dan kursor menekan tombol Mulai proyek.Canvas 2D · CSS · SVG
  339. Motion design15 dtkAmplop Berlayar dari Pulau PosDi pulau mungil yang melayang berdiri kantor pos bermenara jam dengan rak surat berputar, loket berlengkung, dan bis surat besar. Maskot amplop menerima surat dari rak, dicap pos tujuan Ternate, lalu naik kapal pos kecil yang berlayar di atas awan mengitari pulau.Three.js · WebGL · Partikel
  340. Motion design14 dtkSesi Panahan dalam Satu BentukSatu bentuk hitam tanpa potongan berubah dari tombol Mulai seri menjadi pemuat, centang, pulau dinamis, kartu skor panahan dengan papan target besar tempat enam anak panah menancap satu per satu, slider tarikan busur, sakelar koreksi angin, tab, grafik skor, palet perintah, lalu notifikasi. Kursor mengklik dan menyeret setiap perubahan, dan bingkai terakhir kembali ke bingkai pertama.SVG · CSS
  341. Explainer20 dtkPatungin, Bagi Tagihan SekejapVideo penjelas produk 20 detik untuk aplikasi fiktif Patungin di latar gradasi pastel: logo struk tiga warna, lalu tiga langkah di jendela aplikasi, dari memindai struk warung, menandai siapa makan apa, sampai tiga tagihan lunas.Canvas 2D · SVG · CSSJuri 91
  342. 3D20 dtkMenjelajah Rumah Gadang BergonjongKamera orang pertama berjalan dari halaman berumput melewati dua lumbung rangkiang, menaiki tangga, lalu menyusuri ruang tengah, deretan bilik, dan anjung sebuah rumah gadang low-poly. Di akhir, pandangan melompat ke atas atap untuk memperlihatkan gonjong ijuk yang meruncing di bawah langit sore.Three.js · Canvas 2D · WebGL
  343. Motion design20 dtkSampul, Rak Bekas Ketemu PembacaJendela katalog toko buku bekas terang di latar arang memperlihatkan pemilik mengetik judul dan harga satu per satu sementara angka terjual tetap nol, lalu jendela itu menyusut menjadi titik oranye yang dihampiri ratusan titik pembaca yang sedang mencari buku. Semua titik berkumpul menjadi tanda titik pada wordmark aplikasi fiktif sampul.Canvas 2D · SVG · CSS
  344. Motion design20 dtkJalan Panjang Sebutir NasiDi latar biru berpetak, diagram alur rantai beras tergambar simpul demi simpul dari sawah, penggilingan, dan gudang sampai ke warung makan dan dapur rumah, lalu butir-butir beras kuning mengalir di sepanjang garisnya. Sapuan kuning membuka kartu penutup gelap untuk kanal panduan visual fiktif Bulir dengan logo dua butir beras yang berputar.SVG · GSAP
  345. Motion design15 dtkReel Gerak Kembang ApiReel gerak 15 detik dalam empat bab tentang kembang api: sumbu menyala menyalakan huruf SULUT, roket menggores garis miring yang membelah latar oranye kata MELESAT, peluru kembang api meluncur lalu meledak sebagai cincin dari grid titik, dan gumpalan cair berganti warna unsur kimia di balik kata WARNA. Gumpalan menjadi bola, naik seperti peluru, lalu pecah menjadi hujan percikan yang jatuh di belakang judul penutup.Canvas 2D · Partikel
  346. Motion design15 dtkPerkenalan Akun Catur Langkah KudaVideo perkenalan 15 detik untuk akun catur fiktif Langkah Kuda: papan memainkan pembukaan sambil tiga ide pembukaan menyala, kartu statistik taktik menghitung naik, grafik evaluasi partai tergambar, raja tumbang di kartu kuning, lalu kurva rating naik dari 800 ke 1.850.Canvas 2D
  347. Motion design13 dtkSenter Rontgen di Atas BiolaHeader produk gelap untuk bengkel biola fiktif GESEK: kursor otomatis menyapu biola berpernis cokelat, dan lingkaran sorotnya membuka lapisan rontgen teal yang memperlihatkan batang bas, tiang suara, lining, dan blok kayu di dalamnya. Di akhir, kursor menekan tombol pesan dan sorotan melebar sampai seluruh biola terbuka.Canvas 2D · CSS
  348. Motion design20 dtkCadik yang Membawa PulangSebuah pidato pendek lima kalimat tentang laut dan perahu bercadik dipentaskan hanya dengan tipografi di atas laut biru gelap. Kata-kata berat menjadi bagian perahu: LAUT bergelombang, OMBAK mengangkat garis yang melentur, dua kata CADIK menjadi lengan penyeimbang, lalu OMBAK dan PULANG tersusun menjadi lambung dan geladak yang mengapung di permukaan air.Canvas 2D
  349. Motion design14 dtkIrigasi Tetes dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Siram kebun" menjadi pemuat, status pompa, kartu bedeng cabai, slider debit air, sakelar mode otomatis, tab, grafik kelembapan tanah, palet perintah, dan notifikasi, lalu kembali menjadi tombol. Kursor mengklik dan menyeret setiap perubahan di atas kanvas abu-abu hangat dengan satu warna aksen hijau daun.SVG · CSS
  350. Motion design15 dtkTeriakan Cerek Jam Lima PagiHalaman komik di atas latar kuning bersinar menceritakan cerek enamel hijau yang dipanaskan di dapur subuh sampai berubah merah, menjerit TUIIIT, membangunkan kucing, lalu menuang sendiri kopi tubruk. Cerita ditutup sapuan titik halftone merah muda ke kartu BERSAMBUNG dengan cerek kecil yang mengedip.SVG · GSAP
  351. Interaktif20 dtkKafilah Dagang Jalur SutraGim strategi dagang pixel art bergaya klasik 16-bit yang memainkan dirinya sendiri: kursor menyusun kafilah unta bermuatan sutra di Lembah Giok, kafilah menyeberangi gurun, berlindung dari badai pasir, lalu menjual muatannya di Pelabuhan Barat hingga jalur dagang baru terbuka.Canvas 2D · Pixel art · Bisa dimainkan
  352. Motion design20 dtkSeumur Hidup Sebutir BatuSebutir batu kartun bermata lahir dari gelembung magma, membeku dan retak dihujani di lereng gunung api, terkikis di sungai depan sawah berundak, tertekan lapisan sedimen di dasar laut lewat kaca pembesar, lalu terseret lempeng ke perut bumi dan meleleh kembali. Penghitung umur dan grafik suhu di pojok layar ikut melaju dari nol sampai 200 juta tahun sebelum semuanya berulang.Canvas 2D · Partikel
  353. Motion design15 dtkCarakan, Main Tebak Aksara JawaShowreel peluncuran 15 detik untuk aplikasi fiktif Carakan: kartu soal aksara Jawa dengan hitung mundur, mode Tulis yang menggambar aksara ka dengan pena, mode Pilih dengan empat jawaban dan hujan konfeti, lalu dinding kartu aksara warna-warni yang ditutup logo aplikasi.Canvas 2D · CSS · PartikelJuri 92
  354. Motion design20 dtkDendang, Senandung Jadi Not AngkaVideo peluncuran aplikasi Android fiktif Dendang di latar pastel: senandung direkam menjadi gelombang suara, garis pemindai mengubahnya menjadi kontur nada berlabel angka, lalu not angka dua baris diketik di kartu hasil, disalin dengan sekali ketuk, dan ditutup ikon serta nama aplikasi.SVG · CSS
  355. Explainer20 dtkResep Es Dawet Selapis Demi SelapisDi atas kertas krem bergaya gambar tangan, sebuah gelas tinggi kosong diisi bertahap: gula jawa cair dari teko kaca kecil, tiga sendok dawet hijau, empat balok es, lalu santan, sebelum sedotan mengaduknya sampai pita gula jawa berpusar naik di santan dan embun menetes di dinding gelas. Penghitung takaran, daftar bahan yang dicentang, dan bagan lapisan ikut bergerak di setiap langkah.Canvas 2D
  356. 3D20 dtkKumbung, Panen Jamur Tepat WaktuVideo peluncuran 20 detik untuk aplikasi fiktif Kumbung: kursor mengetik nama rak lalu menekan tombol pindai, dua belas foto baglog jamur tiram disapu garis pindai hingga tiga rumpun siap petik menyala biru. Kartu berputar di korsel 3D berpantulan lantai, satu foto masuk ke ponsel dengan kotak deteksi pada tiap tudung dan tunas, panel berbalik menjadi hasil, lalu angka besar dan logo menutup video.CSS · Canvas 2D
  357. Motion design20 dtkJangan Skip, Pasar Kaset MalamBumper identitas tipografi kinetik 20 detik untuk pasar kaset fiktif SISI.B: kalimat JANGAN SKIP, ALGORITMA BUKAN SELERAMU, TELINGAMU YANG MEMILIH, SISI B > SISI A, dan PUTAR SAMPAI HABIS menghantam layar hitam mengikuti ketukan 120 BPM, lalu berakhir di logo @SISI.B dengan braket oranye, ikon kaset besar yang gulungannya berputar, dan pita hijau yang terisi sampai penuh.Canvas 2D
  358. Explainer20 dtkKisah Tetes Kedua dari Dapur WargaAnimasi kolase gambar tangan menceritakan perjalanan komunitas fiktif Tetes Kedua dari 2019 sampai 2025: Bu Rani menuang jelantah dari wajan ke jeriken, titik setor menyebar di peta kota pesisir, jelantah diolah jadi biodiesel, lalu perahu nelayan melaut dengan bahan bakar itu.SVG · GSAP · CSS
  359. Motion design20 dtkUmpan, Papan Taktik dari KataVideo promo 20 detik untuk aplikasi fiktif Umpan: rencana serangan balik diketik di jendela peramban lalu berubah menjadi papan taktik sepak bola yang bergerak, kemudian coretan kasar tendangan pojok dirapikan otomatis menjadi diagram bersih.SVG · GSAP · CSS
  360. Motion design15 dtkHalo, Aku Rintik HujanSebutir rintik hujan biru bermata menceritakan siklus hidupnya dalam reel gerak lima bab: ia jatuh menjadi titik kalimat, memercik menjadi mahkota cipratan yang melempar bentuk warna-warni, menunggangi huruf, memantul di lantai ubin 3D, mengalir sebagai cairan, lalu menguap dari genangan menjadi awan.Canvas 2D · Three.js · Partikel
  361. Motion design20 dtkKerik Jangkrik di Layar OsiloskopDi layar osiloskop hijau fosfor, enam tahap cara jangkrik bernyanyi muncul sebagai huruf garis bercahaya, ditemani skema lubang, sayap, gerigi, dan sel cermin di panel kiri, pita gelombang di bawah, serta kurva Lissajous di pojok. Video memuncak pada simpul gelombang 3D yang kusut, lalu simpul itu mereda menjadi lingkaran terang dengan riak konsentris.Canvas 2D
  362. Motion design20 dtkDelapan Langkah Dapur KriukVideo gerak bergaya cetak risograf untuk usaha rumahan fiktif Dapur Kriuk: angka oranye besar di panel kuning menghitung delapan langkah membuat kerupuk, dari adonan, bumbu diulek, kukus, jemur di bawah matahari berputar, goreng, sampai disegel dalam kantong, masing-masing dengan ilustrasi bertekstur bintik yang bergerak. Video ditutup kerupuk besar yang berputar, pita kuning miring bertuliskan Siap Kriuk!, dan hujan kerupuk kecil.SVG · GSAP · CSS
  363. Motion design12 dtkBarongsai Malam Imlek di PecinanAnimasi pixel art malam Imlek di jalan pecinan berderet ruko: barongsai merah emas menari diiringi tambur, melompati tiga pasang tiang, lalu berdiri tegak menggigit selada dan angpao yang digantung pada bambu, menyemburkan daun selada, disusul renteng petasan yang meletus dan ucapan Selamat Tahun Baru Imlek.Canvas 2D · Pixel art · Partikel
  364. Motion design20 dtkBenih Terakhir Menuju FajarSebuah bola dandelion bercahaya yang berputar pelan di padang senja dihampiri kamera, lalu embusan angin melepas benihnya. Satu benih naik meninggalkan padang, menembus empat lapisan awan dari ungu ke merah muda hingga keemasan, dan tiba di atas lautan awan saat matahari terbit bersama ribuan benih kecil yang berkilau seperti bintang.Canvas 2D · Partikel
  365. Explainer20 dtkSatu Lajur, Satu Tongkat GiliranPenjelas datar bergaris tebal tentang jalan yang sedang diperbaiki sampai tinggal satu lajur: dua penjaga dengan jam masing-masing membuat mobil dari dua arah masuk bersamaan dan berhadapan, lalu satu tongkat giliran yang dibawa mobil terakhir membuat tiga mobil barat dan tiga mobil timur lewat bergantian sampai kedua antrean kosong.SVG · GSAP
  366. Motion design20 dtkUlur, Relawan Rapi Sekali JalanVideo peluncuran 20 detik untuk aplikasi fiktif Ulur di latar gradasi mint lembut: logo dan slogan muncul dari blur dikelilingi kartu nama relawan yang melayang, lalu tiga langkah memperlihatkan kursor membuat kegiatan bersih pantai, 120 relawan terbagi otomatis ke empat pos masing-masing 30 orang, dan dasbor hari-H menghitung kehadiran serta sampah terkumpul, ditutup logo dan ajakan mencoba.SVG · GSAP · CSS
  367. Motion design20 dtkGurita Penyanyi dari Dasar LautVideo musik bergaya stop-motion plastisin: seekor gurita merah berdasi kupu-kupu bernyanyi memegang mikrofon di depan dinding laut, dikelilingi ikan, kapal selam mainan, dan bintang laut yang mengorbit. Simbol di atas kepalanya berganti dari gelombang suara, not balok, hati, sampai sinar matahari, sementara warna latar berganti tiap bait.Three.js · WebGL · Canvas 2D
  368. Motion design20 dtkSigi, Buku Lapangan EkskavasiVideo peluncuran 20 detik untuk aplikasi fiktif Sigi di latar biru tua: judul Log Ekskavasi muncul, lalu jendela aplikasi melayang miring dan memperlihatkan denah kotak gali serta profil lapisan tanah yang terisi temuan satu per satu. Penutupnya logo Sigi dengan ajakan mencoba.SVG · GSAP · CSS
  369. Motion design20 dtkTeguk, Catatan Minum HarianVideo promosi vertikal untuk aplikasi fiktif Teguk di latar gradasi pastel aqua, lila, dan persik dengan tetes air melayang di belakang ponsel: sebuah ketukan memilih jenis minuman, ukuran gelas, waktu, dan pengingat lalu menyimpannya sampai cincin target harian terisi, kemudian kalender sebulan mengisi selnya hari demi hari dengan kartu keterangan bergaris penghubung ke sel yang dimaksud, ditutup logo Teguk besar di tengah layar.SVG · GSAP · Canvas 2D
  370. Motion design20 dtkHirup, Udara yang Bisa DibacaVideo promosi tipografi minimalis bergaya Swiss untuk jaringan sensor udara warga fiktif Hirup: kode polutan berganti besar, angka sensor menghitung naik, sebuah pembacaan menempuh jalur sensor ke peta dalam 58 detik sambil log tahapannya tercentang, lalu tampil indeks udara Kotabaru 42 dengan grafik 24 jam. Layar berbalik gelap, lebih dari seratus titik sensor bernuansa abu sesuai mutu udara menyala dan tersambung dalam beberapa klaster.SVG · GSAP · CSS
  371. Motion design20 dtkTunda Lima Menit LagiVideo meme layar terbelah tentang kecanduan menekan tombol tunda alarm: di atas, jendela terminal kamar tidur menampilkan orang yang tak mau bangun sementara jam dan langit di jendela bergeser dari subuh ke pagi, disela panel ayam jago yang berkokok. Di bawah, mesin slot "TUNDA 5 MENIT LAGI" terus ditarik sampai ketiga gulungannya kompak menunjukkan TELAT pada pukul 08:58.SVG · CSS
  372. Motion design20 dtkRakel, Desain Kaos Siap SablonDemo produk gelap beraksen oranye untuk aplikasi fiktif Rakel: kursor menyeret file desain kaos ke dasbor, desainnya terurai menjadi empat film warna bertingkat dalam 3D, tiap film diafdruk ke rangka screen di bawah sapuan lampu UV, lalu skor siap cetak 94 muncul sebelum logo menutup video.SVG · GSAP · CSS
  373. Motion design20 dtkDuel Dua Naga LangitTrailer bergaya anime di atas laut malam berbulan purnama: Naga Arus berwarna toska melesat keluar dari ombak, Naga Bara merah turun dari langit, lalu keduanya beradu di bawah hujan dan petir dan akhirnya berputar mengelilingi bulan di atas kartu judul NAGA LANGIT.Canvas 2D · Partikel
  374. Explainer20 dtkSimpul, Belajar Mengikat TaliVideo penjelas bergaya editorial di latar krem untuk aplikasi fiktif Simpul: petunjuk lama yang berbelit dibandingkan dengan versi yang ditulis ulang untuk pemula, lalu sebuah ponsel memilih Simpul Delapan dan tali oranye terikat langkah demi langkah sampai rapat.GSAP · Canvas 2D · CSS
  375. Explainer20 dtkRiwayat Singkat Menara Besi ParisVideo penjelas kartun bergaya gambar tangan tentang Menara Eiffel: fondasi digali pada 1887, kaki besi naik bersama derek dan hitungan paku keling, menara mencapai 300 m pada 1889 dengan kembang api, surat izin 20 tahunnya menghitung mundur, lalu antena radio menyelamatkannya pada 1909 dan kini menara berkilau setiap malam.SVG · GSAP · Canvas 2D
  376. Motion design20 dtkPilah, Ribuan Foto Jadi SepuluhTeaser 20 detik untuk aplikasi desktop fiktif Pilah: daftar kesulitan memotret berputar cepat lalu berhenti di memilih foto terbaik, jendela galeri dan berkas menumpuk di atas desktop berlatar lukisan sawah senja, lalu sebuah panel dari bilah menu memilah jepretan beruntun dan menyisakan yang paling tajam.Canvas 2D · SVG · GSAP
  377. Motion design19 dtkTari Poi Api di Bawah Bulan MerahSeorang penari poi bersiluet gelap dengan tepi bercahaya dan selendang oranye yang berkibar berdiri di satu titik di pantai malam, di depan bulan merah raksasa dan dua obor bambu, lalu memainkan tujuh gerak poi api yang meninggalkan jejak bara. Rangkaian ditutup dengan hantaman poi ke pasir yang memercikkan ledakan bunga api dan gelombang cahaya.Canvas 2D · Partikel · Fisika
  378. Motion design13 dtkGebuk Bantal di Atas KaliDua stickman berikat kepala biru dan merah duduk di atas bambu yang melintang di sungai, saling pukul, tangkis, dan mengelak dengan bantal bergaris sampai si merah tercebur dengan cipratan besar. Si merah muncul lagi sambil melambai malu-malu, si biru melompat kecil merayakan kemenangan, dan penonton biru bersorak sementara penonton merah memegangi kepala.Canvas 2D · Partikel
  379. Motion design20 dtkToples, Terarium dari Satu KalimatVideo peluncuran 20 detik untuk aplikasi fiktif Toples di latar terang berpendar hijau dan amber: sebuah kalimat diketik, lalu toples kaca terisi kerikil, arang, tanah, lumut, pakis, dan fitonia lengkap dengan label, kondisi ideal, dan jadwal perawatan mingguan. Ditutup judul Lapisan. Tanaman. Perawatan. dan logo.SVG · GSAP · CSS
  380. Motion design20 dtkPeniup Kaca di Tepi SungaiAnimasi pixel art malam hari: seorang perajin berikat kepala batik melelehkan kaca di tungku bata, meniupnya menjadi gelembung, memutarnya menjadi vas, lalu melempar vas itu berputar ke atas meja untuk didinginkan, dengan gunung api berasap dan rumpun bambu di latar serta sungai yang memantulkan semuanya. Tiap tahap punya spanduk nama, warna suasana sendiri, angka yang bermunculan di langit, dan penunjuk suhu kaca di pojok kanan atas.Canvas 2D · Pixel art · Partikel
  381. Explainer18 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
  382. Motion design20 dtkSela Menggambar Rute Lari PagiDi antarmuka asisten fiktif Sela, permintaan peta rute lari 5K diketik di kolom obrolan, lalu peta bergaya warna komunitas tergambar dari buram menjadi tajam, terbang masuk ke ruang yang terbuka di bawah header pengumuman Lari Pagi Tepi Kali, dan titik pelari menyusuri rutenya.Canvas 2D · CSS
  383. Motion design20 dtkKoplo Malam Minggu Diketik LangsungSebuah editor kode gelap memainkan pola kendang koplo 132 bpm: setiap suku kata dang, tak, tung, dan dut menyala dalam kotak hijau tepat pada ketukannya, sementara baris bass, suling, tamborin, dan isian kendang diketik satu per satu. Di puncaknya semua blok dievaluasi ulang bersamaan dengan kilat hijau, sementara deretan garis pola di atas editor terus bergeser melewati penanda putar.Canvas 2D
  384. Interaktif20 dtkSentil, Karambol di PerambanVideo peluncuran 20 detik untuk gim karambol daring fiktif Sentil: papan dilihat dari atas dimainkan otomatis sementara angka pertandingan langsung bertambah, empat tema papan berganti di balik teks TANPA UNDUH, TANPA INSTAL, TANPA DAFTAR, 100% GRATIS, lalu pertandingan yang sama tampil di laptop dan ponsel sebelum kartu penutup.Canvas 2D · GSAP · CSS
  385. 3D20 dtkMembaca Bukit Lewat Garis KonturVideo penjelas vertikal: sebuah bukit 3D berwarna oranye vulkanik, abu-abu, dan cyan diiris setiap 100 meter oleh bidang pemindai sehingga garis kontur muncul satu per satu. Kamera lalu naik ke atas sampai bukit itu berubah menjadi peta kontur berbingkai, lengkap dengan label lereng curam dan landai.Three.js · Shader · SVG
  386. Motion design20 dtkArena Bom-Bom Car KartunGim arena bom-bom car kartun di pasar malam: mobil-mobil bundar saling tabrak di bawah lampu warna-warni sementara HUD menampilkan zona menyempit, mobil tersisa, hotbar power-up, minimap, menu pengaturan, roda emote, lalu layar kemenangan.Three.js · SVG · GSAP
  387. Motion design20 dtkPerah, Setoran Susu Tercatat RapiVideo peluncuran 20 detik untuk aplikasi koperasi susu fiktif Perah di latar putih hangat: papan setoran pagi yang miring ke belakang memindahkan kartu kaleng susu dari Masuk sampai Dibayar, lalu kartu hasil uji mutu peternak terisi satu per satu, grafik setoran tujuh hari tumbuh disertai notifikasi transfer, dan ditutup tetesan susu yang jatuh membentuk logo Perah.SVG · CSS
  388. Motion design20 dtkLampu Mati Pas Lagi SeruVideo musik 20 detik bergaya kolase kertas: dua anak berwujud stiker piksel sedang melawan bos terakhir di gim ketika listrik padam, lalu si cewek mengangkat lilin angka tujuh, mereka memandang bintang dari atap kampung dan bermain bayangan tangan, sampai lampu menyala lagi, lilinnya padam berasap, dan mereka justru kecewa.Canvas 2D · Pixel art
  389. Interaktif20 dtkBengkel Konfigurasi Ekskavator MiniEkskavator mini kuning 3D di area tanah proyek, sementara kursor otomatis di panel kanan menaikkan lengan, menggali, membuka pintu, memutar kabin, dan menjalankan rantainya maju meninggalkan jejak. Lalu alat diganti ke pemecah yang menghantam tanah hingga retak, cat berganti hijau lalu oranye, lumpur naik, penjepit dipasang, dan suasana berubah senja.Three.js · Canvas 2D · Shader
  390. Motion design20 dtkKapan 15 Bandul Sejajar LagiLima belas bandul neon dilepas bersamaan dari satu garis lurus, lalu berayun membentuk ular, dua barisan, dan tiga barisan sambil hitung mundur berjalan. Tepat di detik ke-16 semuanya kembali sejajar dalam satu ledakan cahaya dan terus berayun serempak sampai akhir.Canvas 2D · Fisika · Partikel
  391. Motion design20 dtkTiga Langkah Mengirim Merpati PosAnimasi gambar tangan di atas kertas krem: seekor merpati pos dilatih mengitari pagupon, sepucuk surat digulung lalu diikat pita kuning di kakinya yang diperlihatkan lewat kaca pembesar, kemudian ia terbang sepanjang rute putus-putus dan mendarat di pagupon samping rumah Nenek.Canvas 2D
  392. Interaktif20 dtkBalap Mesin Rumput Kampung IlalangEmpat mesin pemotong rumput tunggangan berlomba dua putaran di sirkuit ilalang sebuah kampung low-poly, meninggalkan jejak rumput terpangkas di belakangnya. Si Merah yang dimainkan otomatis menyalip dari posisi terakhir dengan dua kali turbo, melewati kambing yang menyeberang, lalu menang dan tabel hasil muncul.Three.js · Canvas 2D · Partikel
  393. Motion design20 dtkRasanya Menjadi Menara KontrolDi layar gelap penuh catatan radio penerbangan, nama-nama pesawat menyala satu per satu, lalu ratusan garis jingga melengkung membentuk kubah di atas satu panggilan pendaratan. Riuh itu kemudian tersusun menjadi antrean bernomor menuju landasan 27, dan pesawat padam berurutan sampai layar tenang.Canvas 2D
  394. Motion design18 dtkPalung, Edit Sonar Laut DalamEdit gerak cepat bernuansa biru malam untuk proyek pemetaan laut dalam fiktif Palung: kata GEMA, TEKANAN, dan PALUNG menghantam layar dengan efek glitch RGB di tengah garis-garis cahaya yang melesat, kipas sonar dari sebuah kapal menggambar profil dasar laut berpalung, lalu logo cincin sonar dan tulisan LEBIH DALAM menutup video.Canvas 2D · Partikel
  395. Motion design20 dtkAnoa Memindahkan Rumah PanggungAnimasi kartun bergaya gambar tangan tentang tradisi Bugis Mappalette Bola: sekawanan anoa bersarung kotak-kotak menyelipkan bambu di bawah rumah panggung, mengangkatnya serentak sambil mengejan, lalu memikulnya menyeberangi sawah dengan ayam ikut menumpang di atap. Rumah diturunkan di tempat baru, semua bersorak di depan hidangan, lalu senja turun dengan pesan berat sama dipikul.Canvas 2D
  396. Motion design20 dtkSatu Napas Seratus MeterEdit hype hitam-putih tentang penyelam bebas: cincin gelembung bercahaya, kata-kata tebal yang menyentak dengan glitch, mata beriris cincin biru, cakram pengukur kedalaman logam yang berputar, lalu siluet penyelam meluncur sampai minus 100 meter dan ditutup cincin gelembung raksasa.Canvas 2D · Partikel
  397. Motion design20 dtkSemangkuk Bubur Bangun PagiDi atas kertas cat air bergaya gambar tangan, semangkuk bubur ayam bermuka bangun tidur, lalu telur, cakwe, ayam suwir, kedelai, kerupuk, daun bawang, bawang goreng, kecap, dan sambal melompat masuk satu per satu dengan bunyi tulisan tangan. Sendok datang menyuap, daftar isian tercentang lengkap, dan tulisan Selamat Pagi! muncul.Canvas 2D
  398. Motion design20 dtkTimba, Pompa Desa Tak Lagi DiamFilm produk 20 detik untuk layanan fiktif Timba: 96 pompa tangan di empat kecamatan tampil sebagai kotak berisi air yang mengalir ke bak desa dan perlahan surut selama 30 hari hingga 31 pompa berhenti, lalu garis pemindai membaca getaran tiap pompa bermasalah dan airnya naik lagi sebelum ditutup kartu merek hijau toska dengan jadwal teknisi.SVG · GSAP · CSS
  399. 3D20 dtkLilin Kecil Saat Mati LampuDi meja kayu pada malam hari lampu gantung berkedip lalu padam, dan tiga lilin bermata ketakutan dalam gelap. Sebatang korek api keluar dari kotaknya, menyalakan diri, lalu menyalakan lilin terpendek, yang kemudian berbagi apinya ke dua lilin tinggi yang membungkuk kepadanya.Three.js · WebGL · Shader
  400. Motion design15 dtkBelah, Layar Pembuka Sel MembelahDi dalam mockup ponsel hitam di atas latar abu terang, sebuah inti sel kuning berpendar berubah menjadi bentuk datar berwarna yang menjalani interfase, profase, metafase, anafase, dan telofase sampai terbelah menjadi dua sel. Kedua sel lalu bersatu menjadi ikon aplikasi fiktif Belah, lengkap dengan nama, tagline, dan bilah pemuat.Canvas 2D · CSS
  401. Explainer20 dtkHulu, Banjir Terbaca Lebih DuluVideo 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.Canvas 2D · SVG · GSAP
  402. Motion design20 dtkMenukik ke Muara KertasKamera menukik tanpa putus dari ketinggian 80 km ke sebuah delta sungai yang seluruhnya tersusun dari lembaran kertas guntingan: menembus awan kertas, menyusuri sungai yang bercabang ke laut, melewati kawanan kuntul, hingga berhenti di atas perahu kecil tempat seorang nelayan bercaping memutar badan dan menebar jala bundar yang menimbulkan riak.Shader · WebGL · Canvas 2D
  403. Explainer20 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
  404. Motion design20 dtkKolam Koi Dilukis di PaintRekaman layar aplikasi Paint bergaya Windows lawas: kursor otomatis menyiapkan kanvas, mencampur warna, lalu melukis kolam koi dengan tiga ekor ikan, daun teratai, dan bunga teratai sapuan demi sapuan meniru gambar acuan, termasuk detail yang dikerjakan dalam tampilan perbesar. Video ditutup dengan perbandingan acuan dan hasil lukisan.Canvas 2D · CSS
  405. Motion design20 dtkMalam Drone di Danau KawahRibuan drone bercahaya lepas landas dari tongkang di danau kawah malam hari, lalu berganti rupa menjadi tirai, ombak cahaya, penyu yang berenang, burung rangkong yang mengepak sayap, dan mandala emas yang pecah menjadi hujan cahaya sebelum menyusun tulisan TERIMA KASIH. Semua cahayanya terpantul di air dan menerangi kabut, gunung, serta hutan di tepi danau.Three.js · Shader · Partikel
  406. Motion design20 dtkSetiap Lampu dari Satu TumbukanSebuah kampung nelayan bergaris tipis di malam gelap dinyalakan lampu demi lampu oleh bola cahaya yang ditembakkan empat pelontar, dan setiap jendela, lampu dermaga, lentera perahu, serta mercusuar baru menyala tepat saat sebuah bola menumbuknya. Penghitung naik sampai 45 dari 45, gelombang kilau menyapu semua lampu, lalu sorot mercusuar berputar di atas laut.Canvas 2D · Fisika · Partikel
  407. Motion design10 dtkLineup Pasar Jajan RayaReel vertikal 10 detik bergaya poster lineup festival musik, tapi yang tampil adalah jajanan pasar: Klepon jadi bintang utama hari Sabtu dan Putu Bambu di hari Minggu, disusul deretan kue tradisional yang muncul baris demi baris, sementara bola klepon dan onde-onde berbagai ukuran melayang di antara pita pastel dan stempel MASUK GRATIS menghantam layar di akhir.SVG · CSS · Canvas 2D
  408. Motion design20 dtkSi Korek yang Takut MenyalaDi dalam kotak korek bergaya datar berwarna di latar biru malam, batang-batang korek satu per satu menggores, menyala, lalu terbang menjadi bintang rasi layang-layang. Satu korek kecil bermata menolak dan bersembunyi, sampai ia melihat ujung rasi itu masih kosong, lalu memberanikan diri menyala dan melengkapinya.Canvas 2D · Partikel
  409. Motion design20 dtkKuda Sumba di Dinding MozaikSebuah mozaik dinding dari kaca dan daun emas berbingkai pita merah dan biru menggambarkan padang savana Sumba di malam hari dengan rumah adat beratap menara jerami, lalu ubin kuda putih bersurai emas terlepas dan berlari sebagai kawanan ubin. Fajar menyebar dari bulan yang berbalik menjadi matahari emas berjari putih, bintang-bintang terbang ke arahnya, dan kuda itu berpusar lalu kembali terpasang ubin demi ubin.Three.js · Shader · Partikel
  410. Motion design20 dtkKlotok Pulang Menembus KabutFilm pendek siluet tanpa dialog di sebuah rumah panggung tepi sungai berkabut: seorang ibu menambal jala di bawah lampu minyak, mendengar bunyi mesin klotok dari kejauhan, lalu membawa lampunya ke jendela sampai perahu itu muncul dari kabut dan merapat. Bunyi-bunyinya hadir sebagai teks keterangan dan riak bercahaya.Canvas 2D · Partikel
  411. 3D20 dtkPasar Terapung dari Subuh ke MalamSebuah pasar terapung di sungai tropis tersusun dari ratusan ribu titik cahaya, dengan perahu jukung penuh buah, rumah panggung warna-warni, dan pita cahaya yang mengalir di belakang para pedagang. Kamera menyusuri sungai sementara langit berganti dari subuh, siang terik, senja jingga ungu, sampai malam berbintang dengan lentera yang menyala.Three.js · Shader · Partikel
  412. Motion design20 dtkSensus Pohon Peneduh KotaInfografis gerak bergaya laporan editorial: 180 titik ruas jalan berubah warna saat angka besar menghitung jalan tanpa pohon peneduh, lalu titik-titik terbang membentuk grafik sebaran suhu aspal terhadap kanopi lengkap dengan tooltip, dan akhirnya ruas gersang berubah hijau menurut rencana tanam bibit.Canvas 2D
  413. Motion design20 dtkSiput Kurir Paket KilatSeekor siput kurir bertopi biru butuh tujuh hari hanya untuk menempuh beberapa jengkal, lalu panik oleh pesan pembeli, menyalakan mode turbo, dan menabrak rumah tujuan. Isi paketnya ternyata sepasang sepatu lari, padahal ia tidak punya kaki.SVG · CSS
  414. Motion design20 dtkLaut yang Melahirkan PulauDi laut senja yang tenang, air mendidih dan menggembung lalu pecah menjadi letusan gunung api bawah laut: cincin kondensasi, jet abu, gelombang melingkar, dan kolom asap payung. Kamera berpindah sudut sampai sebuah pulau baru yang masih berasap muncul dari air.Three.js · Shader · Partikel
  415. Interaktif20 dtkBobsled Neon di Atas KotaKereta luncur bobsled bercahaya cyan meluncur di lintasan es berbentuk pipa yang melayang di atas kota malam, memanjat dinding saat menikung, menembus gerbang dorongan, melihat lawan magenta terlempar dan pecah menjadi percikan, lalu menyalip lawan oranye sampai garis finis. HUD menampilkan kecepatan, waktu, klasemen, peta mini, dan tombol kemudi yang ditekan otomatis.Three.js · Shader · Fisika
  416. Interaktif20 dtkGarda Kawah, Penjaga Gunung ApiPembuka kartun bergaya tahun 80-an: di bawah langit senja ungu, sebuah gunung api tua bergetar dan robot raksasa merah putih bangkit dari kawahnya, matanya menyala diiringi garis kecepatan dan suar cahaya. Lalu judul logam oranye GARDA KAWAH berputar masuk huruf demi huruf.Three.js · Shader · Partikel
  417. Motion design20 dtkKotak Musik Putar dalam Lima LayarSebuah situs produk fiktif untuk kotak musik kayu buatan Jepara bergulir melewati lima bagian yang tata letaknya berbeda: indeks lagu, dasbor mekanisme yang berbunyi, potongan teknis di latar gelap, kertas lubang untuk menyusun lagu, dan halaman pemesanan saat tutup kotak menutup.Canvas 2D · CSS
  418. Motion design20 dtkMeniti Tali di Langit SenjaPanggung teater bayangan kertas bertirai merah: seorang peniti tali bercaping menyeberang di antara dua menara bambu berpenjor, goyah saat seekor burung hinggap dan angin bertiup, sementara lampion di bawahnya menyala satu per satu. Papan teks menjawab pelan apa yang membuatnya tak jatuh, lalu penonton bersorak saat ia tiba.Canvas 2D · Partikel

Cara video ini dibuat

Satu prompt, satu file HTML. Opus 5.5 menulis halaman HTML mandiri dengan Three.js, Canvas, SVG, atau GSAP sesuai prompt di tiap kartu.

Direkam frame demi frame. Halaman itu diputar di browser tanpa layar lalu direkam menjadi video 30 fps tanpa suara, jadi geraknya tetap halus.

Dicek sebelum tampil. Setiap video ditinjau frame demi frame untuk kualitas visual, kesesuaian dengan prompt, gerak, dan kebersihan teknis sebelum masuk galeri.

Hasilmu bisa berbeda. Model bahasa tidak deterministik, jadi prompt yang sama bisa menghasilkan versi lain saat kamu jalankan sendiri.

Prompt

ArtikelSusun brief