ruang visualBeta tertutup
MasukDaftar
Motion design

Tambal Ban Tengah Malam

Diorama 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.

Motion design · Three.js, Shader, Canvas 2D, Pixel art, Partikel · 20 detik · 1280×720

Prompt

Buat animasi 20 detik 1280x720 dengan Three.js: sebuah diorama pixel art malam hari di lapak tambal ban pinggir jalan, digambar procedural di tiga canvas beresolusi rendah (384x216) dengan NearestFilter sehingga pikselnya tegas, lalu dipasang sebagai tiga lapisan plane di ruang 3D gelap: langit dan siluet kota di belakang, jalan dan lapak di tengah, tiang lampu jalan di depan. ShaderMaterial sendiri memberi garis kisi piksel tipis dan vignette, UnrealBloomPass membuat neon dan lampu berpendar. Palet biru navy pekat dengan aksen neon toska, lampu bohlam kuning hangat, dan LED amber. Detail adegan: gedung ruko dengan jendela berkerai, papan neon "TAMBAL BAN" yang sesekali berkedip, papan LED berjalan "BUKA 24 JAM, TAMBAL BAN, TUBELESS, ISI ANGIN", jam LED 23:52 yang terus maju, kartu tarif "TAMBAL 15RB" dan "ANGIN 2RB", kompresor merah dengan pengukur tekanan, ember air, tumpukan ban bekas, pagar kawat, bulan, menara pemancar berlampu merah, dan gerimis 3D berupa garis tipis plus debu cahaya yang melayang di depan diorama. Alur: 0-5 detik pengendara berhelm oranye dan berjaket hijau menunggu sambil menatap ponsel, montir bertopi merah dan bersarung merendam ban dalam di ember sampai gelembung muncul dan balon kata "BOCOR!". 5-10 detik montir pindah ke meja dan menambal dengan press pemanas yang menyala oranye dan berasap ("DITAMBAL"). Sebuah mobil melintas dengan sorot lampu. 10-15 detik selang kompresor dipasang ke ban belakang, kompresor bergetar, jarum naik, ban kempis mengembang bulat ("PSSST", "BERES!"). 15-20 detik pengendara membayar dengan koin berkilau ("MAKASIH PAK!"), menyalakan lampu dan melaju keluar layar, montir melambai ("HATI-HATI!"), papan LED berganti "SELAMAT JALAN". Kamera mulai lurus memenuhi layar, mendorong pelan ke arah lapak, lalu di akhir mengorbit miring sehingga tiga lapisan diorama terlihat terpisah melayang di ruang hitam.

Video Motion design lainnya

  1. Timba, Pompa Desa Tak Lagi DiamMotion 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
  2. Belah, Layar Pembuka Sel MembelahMotion 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
  3. Menukik ke Muara KertasMotion 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
  4. Kolam Koi Dilukis di PaintMotion 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
ArtikelSusun brief