Explainer

Lab Garis Geser Kunci Silinder

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

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

Prompt

Buat lab 3D interaktif dengan Three.js tentang cara kerja kunci silinder pin. Latarnya ruang lab yang lengkap: dinding panel dengan empat layar skema bercahaya (penampang, tumpukan pin, profil kunci, cam dan grendel), rak berisi toples dan silinder cadangan, rak kunci gantung, lemari laci, dan lampu rim lembut. Di meja kerja ada model potongan kunci dari kaca sungguhan (MeshPhysicalMaterial dengan transmission dan ior) berbingkai kuningan yang dibubut: lima pasang pin kunci dan pin pendorong yang mengilap, pegas, dan garis geser yang menyala lewat shader. Kuncinya dari kuningan dengan kepala berbevel, alur di bilah, gerigi yang terlihat menembus silinder, dan aksen cincin bercahaya halus. Tambahkan panel kontrol untuk memilih kunci, slider putaran dengan label sudut di bawah jalurnya, penghitung pin rata, dan kartu pengukur tiap pin di bawah layar. Kursor otomatis memasukkan kunci salah yang tertahan, lalu kunci benar yang meratakan semua pin, memutar silinder, dan menarik grendel. Di akhir kamera mendorong masuk sampai tumpukan pin dan garis geser memenuhi layar, dengan label TERBUKA kecil di atasnya. Label bahasa Indonesia, cahaya sinematik, bloom halus.

Video Explainer lainnya

  1. Reel Logo Katering PucukExplainer10 dtkReel Logo Katering PucukReel identitas hitam putih 10 detik untuk katering tumpeng fiktif Pucuk: kata SYUKUR dan BERSAMA bertumpuk, kartu putih POTONG PUCUKNYA, pita wordmark yang bergeser, lalu tumpeng 3D berlapis berputar di bawah HUD, pucuknya terangkat, dan semuanya memipih menjadi logo segitiga yang akhirnya berulang menjadi pola ubin.Three.js · Canvas 2D
  2. Pancar, Radio Amatir Satu BentukExplainer20 dtkPancar, Radio Amatir Satu BentukSatu bentuk membulat di latar abu terang terus berubah ukuran, sudut, dan warna untuk aplikasi fiktif Pancar: kursor mendaftarkan tanda panggil, peta titik Nusantara terisi ribuan stasiun radio amatir, pita frekuensi digeser, lalu ikut net malam dan kembali ke logo.Canvas 2D
  3. Warna di Kulit Gelembung SabunExplainer20 dtkWarna di Kulit Gelembung SabunRibuan tetes cahaya berpusar membentuk sebuah gelembung sabun yang kulitnya berpendar pelangi, lalu empat bab menjelaskan selaput, pantulan cahaya, penipisan, dan saat gelembung pecah. Video ditutup dengan ratusan gelembung yang melayang naik di ruang gelap.Three.js · Shader · Canvas 2D
  4. Kenapa Luas Lingkaran Pi R KuadratExplainer20 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
ArtikelSusun brief