Motion design

Perjalanan Sebuah Nama Domain

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

Motion design · Canvas 2D, Partikel · 20 detik · 1280×720

Prompt

Buat video penjelas canvas 20 detik (1280x720) yang berwawasan sekaligus terasa state of the art tentang cara kerja DNS: bagaimana sebuah nama domain diterjemahkan menjadi alamat IP. Gaya editorial gelap: latar biru malam dengan gradasi radial halus, grid samar dan debu cahaya yang melayang, kartu UI bersudut membulat dengan garis tepi tipis, label bab monospace kecil berhuruf kapital di kiri atas dan bilah progres tipis di kanan atas, judul sans-serif putih dengan satu kata aksen italic serif berwarna cyan. Di sepertiga bawah ada panel LOG KUERI monospace yang mengetik setiap langkah (waktu, dari, ke, aksi, isi) dan bergulir sepanjang video. Tiga bab: (1) MENGETIK ALAMAT: kartu peramban di kiri mengetik kedai-senja.example di bilah alamat, cache lokal kosong, muncul spinner dan penghitung milidetik. (2) BERTANYA BERANTAI: paket cahaya cyan melesat lewat kurva bezier bercahaya dari peramban ke kartu Resolver DNS di tengah, lalu resolver bertanya bergiliran ke tiga kartu server di kanan (Server Root, Server TLD .example, Server Nama Otoritatif); setiap pesan membawa pil label kecil yang berjalan di jalur kosong antar kartu tanpa menutupi kartu (? kedai-senja, rujuk .example, rujuk ns1, lalu 203.0.113.42 berwarna oranye) dan jawabannya tercatat di buku catatan resolver. Selama menunggu, bilah alamat peramban berdenyut dan tiga titik langkah (root, TLD, otoritatif) menyala satu per satu; tag kecil menyebut animasinya diperlambat sekitar 150 kali. (3) TERSIMPAN DAN TERBUKA: alamat IP kembali ke peramban, lencana hijau TTL 3600 detik dengan hitung mundur muncul di resolver, halaman Kedai Senja terbuka dengan ilustrasi matahari terbenam, dan log mengetik record A dengan pewarnaan sintaks. Lalu kunjungan kedua: server-server meredup dengan status dilewati, paket cepat bolak-balik hanya antara peramban dan resolver, baris A di buku catatan menyala hijau dengan cap DARI CACHE, dan lencana besar hijau 1 ms muncul di samping 68 ms yang dicoret. Easing halus, tidak ada jeda mati, semua teks berbahasa Indonesia.

Video Motion design lainnya

  1. Bintang Kecil Pulang ke LangitMotion 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
  2. Kuku si Kukang Tak Telat LagiMotion 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
  3. Tokek Menjelaskan Kaki LengketnyaMotion 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
  4. Tujuh Warna dari Seberkas CahayaMotion 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
ArtikelSusun brief