3D

Demo Produk Pemutar Piringan Hitam

Situs produk 3D versi ponsel untuk pemutar piringan hitam konsep bergulir sendiri: lengan nada turun ke piringan yang berputar, rangka menjadi tembus pandang memperlihatkan motor dan sabuk, lalu semua lapis terurai dan menyatu lagi. Setiap bagian ditunjuk label bergaris, diakhiri close-up kenop kecepatan dan menu jelajah.

3D · Three.js, Canvas 2D, SVG, CSS · 20 detik · 720×1280

Prompt

Buat situs demo produk 3D versi ponsel dengan Three.js untuk pemutar piringan hitam konsep fiktif "ALUN PUTAR-01": bodi grafit, pelat putar aluminium, piringan hitam beralur, di latar studio abu-abu terang dengan bayangan lembut. Tipografi tipis, label mono bernomor 01/06 sampai 06/06 dengan garis progres dan scrollbar, judul dua baris dan teks singkat yang bergulir naik tiap bagian. Halaman berjalan sendiri: lengan nada terangkat lalu turun ke piringan yang mulai berputar, rangka berubah tembus pandang memperlihatkan motor, sabuk, dan sub-pelat, semua lapis terurai vertikal lalu menyatu lagi, close-up kenop kecepatan yang berpindah dari 33 ke 45, dan berakhir di menu jelajah A/B/C. Label callout putih dengan garis penunjuk (SVG) menempel pada bagian yang sedang dibahas.

Video 3D lainnya

  1. Pasar Terapung dari Subuh ke Malam3D20 dtkPasar Terapung dari Subuh ke MalamSebuah pasar terapung di sungai tropis tersusun dari ratusan ribu titik cahaya, dengan perahu jukung penuh buah, rumah panggung warna-warni, dan pita cahaya yang mengalir di belakang para pedagang. Kamera menyusuri sungai sementara langit berganti dari subuh, siang terik, senja jingga ungu, sampai malam berbintang dengan lentera yang menyala.Three.js · Shader · Partikel
  2. Mercusuar Rangka Besi di Kabut Pagi3D20 dtkMercusuar Rangka Besi di Kabut PagiSebuah mercusuar rangka besi bercat merah dan putih berdiri di atas gugusan batu karang di tengah laut, sorot lampunya berputar menyapu kabut ungu keabuan yang bergulung melintasi menara dan burung camar yang terbang berputar. Kabut perlahan tersingkap saat matahari terbit dan kamera mundur memperlihatkan pelampung suar, kilau matahari di ombak, serta pulau-pulau berlapis di kejauhan.Three.js · Shader · WebGL
  3. Membedah Mesin Jahit Engkol3D16 dtkMembedah Mesin Jahit EngkolMesin jahit engkol 3D berbodi emas diputar dengan kursor, lalu diurai menjadi dua belas komponen berlabel, dari roda tangan dan poros penggerak sampai sekoci dan gigi pengumpan. Kursor menyorot batang jarum, sekoci, dan pengatur tegangan, merakitnya kembali, lalu menekan Jahit sehingga jarum berderap dan jahitan merah tumbuh di atas kain tenun.Three.js · WebGL · CSS
  4. Anatomi Angklung Bambu3D20 dtkAnatomi Angklung BambuSebuah angklung bambu dua tabung dirender 3D di atas lembar perkamen bergaya katalog museum, lalu digoyang, dilihat sebagai rangka kawat, dan diurai bagian demi bagian sambil kamera memutar perlahan. Grafik gelombang, spektrum dua nada, diagram penalaan rongga, dan gambar teknik tampak depan, samping, dan atas ikut berubah secara langsung.Three.js · Shader · Canvas 2D
ArtikelSusun brief