Motion design

Koplo Malam Minggu Diketik Langsung

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

Motion design · Canvas 2D · 20 detik · 960×960

Prompt

Animasi live coding musik di canvas 2D, 960x960, 20 detik: editor kode bergaya gelap abu kehijauan (#363f41) dengan font monospace JetBrains Mono, nomor baris di kiri, sintaks berwarna (label kuning, string hijau, angka jingga). Isinya pola dangdut koplo 132 bpm dalam mini-notation: kendang s("dang ~ tak ~ dang dang tak ~"), tung, dut, bass dengan AKOR "<c2 c2 f2 g2>", suling, tamborin, dan isian kendang yang hanya muncul tiap dua siklus lewat .mask("<0 1>"). Setiap token yang sedang berbunyi diberi kotak outline hijau muda yang menyala lalu meredup sesuai ketukan, termasuk akor yang aktif dan nilai mask. Kursor kuning mengetik blok baru satu per satu (dut, bass, suling, tamborin, isian), tiap blok berkedip hijau saat dievaluasi lalu ikut berbunyi, kode selalu berada di tengah dan jarak baris merapat perlahan sehingga ke-28 baris tetap terlihat tanpa menggulir, dan di tengah jalan nilai lpf(400) diseleksi lalu diganti 1200. Di atas editor ada panel punchcard: tujuh lajur garis pendek yang bergeser ke kiri melewati penanda putar di tengah, garis yang sedang berbunyi menyala. Bar status bawah berisi titik yang berdenyut tiap ketukan, 132 bpm, nomor siklus, empat kotak ketukan, dan jumlah jalur hidup. Latar berpendar terang sesaat (sekitar 150 ms) setiap pukulan dang. Akhiri dengan komentar "// tarik, mang!" lalu semua blok dievaluasi ulang bersamaan: kilat hijau serempak di seluruh blok, semua lajur punchcard menyala, layar sedikit memompa, dan bar status menulis "semua blok dievaluasi ulang".

Video Motion design lainnya

  1. Sidik, Serial Thriller FiktifMotion 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
  2. Reel Gerak Studio OrigamiMotion 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
  3. Gembur, Kompos dari DapurMotion 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
  4. Showreel Spiral Emas NautilusMotion 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
ArtikelSusun brief