Explainer

Di Dalam Mesin Espresso

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

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

Prompt

Buat penjelas interaktif dengan Three.js tentang cara kerja mesin espresso: sebuah mesin espresso boiler tunggal berbody baja yang dipotong separuh sehingga isinya terlihat, berdiri di atas alas di studio gelap bernuansa biru malam. Tampilkan tangki air bening, pompa rotari dengan rotor berputar, boiler tembaga yang terbelah dengan air, elemen pemanas yang menyala oranye dan penukar panas di dalamnya, kepala grup, portafilter berisi bubuk kopi, pipa uap, manometer, dan cangkir di atas baki tetesan. Alirkan tiga jalur bercahaya dengan shader garis berjalan di dalam pipa: air yang berubah dari biru dingin ke amber panas, uap ungu pucat yang menyembur dari ujung pipa uap, dan espresso cokelat keemasan yang jatuh dan mengisi cangkir. Pakai bloom halus dan bahan logam yang memantulkan cahaya studio. Di atasnya, antarmuka gelap semi transparan: judul Di Dalam Mesin Espresso, angka tekanan, suhu, dan aliran yang hidup, paragraf penjelasan yang berganti, tab Semua, Air, Uap, Kopi, slider Tekanan, dan tombol Potong dan Urai, plus label kecil berbentuk pil yang menempel pada tiap komponen. Kursor otomatis memandu selama 20 detik: tampilan utuh yang berputar pelan, klik Air dan kamera mendekat ke tangki dan pompa, klik Uap dan boiler serta pipa uap disorot, klik Kopi lalu seret slider tekanan turun ke 3 bar sampai espresso tinggal menetes dan naik lagi ke 9 bar sampai mengalir deras, lalu klik Urai sehingga panel bodi, boiler, pompa, kepala grup, portafilter, dan cangkir melayang terpisah dengan easing lembut. Kamera bergerak halus antar sudut, semua label dalam bahasa Indonesia.

Video Explainer lainnya

  1. Satu Lajur, Satu Tongkat GiliranExplainer20 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
  2. Simpul, Belajar Mengikat TaliExplainer20 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
  3. Riwayat Singkat Menara Besi ParisExplainer20 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
  4. Pemutus Sirkuit Menahan Layanan TumbangExplainer18 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
ArtikelSusun brief