ruang visualBeta tertutup
MasukDaftar
Interaktif

Puding Lapis yang Bergoyang

Mainan dapur 3D yang memainkan dirinya sendiri: kursor menyeret rasa pandan, mangga, dan ubi ungu sehingga lapisan agar-agar bening jatuh dan menyatu menjadi puding lapis yang memantulkan cahaya warna-warni ke piring, lalu puding digoyang, diberi ceri, dicolek, ditarik miring lalu dilepas, dan akhirnya ditaburi meses warna-warni.

Interaktif · Three.js, Shader, Canvas 2D, Fisika, Partikel, Bisa dimainkan · 20 detik · 1280×720

Prompt

Buat mainan web interaktif dengan Three.js tentang puding agar-agar lapis yang kenyal dan bening. Di atas meja bertaplak gingham merah muda dengan dinding hijau mint berbintik putih, sebuah puding bergerigi berdiri di piring keramik putih, ditemani sendok perak, mangkuk berisi ceri, dan toples meses kaca. Semua lapis berbagi satu profil cetakan bergerigi sehingga menyatu menjadi satu puding, dan setiap lapis memakai MeshPhysicalMaterial dengan transmission, clearcoat, dan attenuation warna supaya terasa seperti jeli sungguhan: pantulan mengilap, tembus cahaya, dan pita cahaya berwarna pelangi yang jatuh di piring dan taplak. Kamera ikut naik pelan saat puding makin tinggi. Goyangan puding dihitung dengan pegas teredam yang membengkokkan vertex: condong, memampat, menggembung, dan lekuk colekan yang memantul. Antarmuka bergaya mainan: judul Puding Goyang di kiri atas, tombol pil Goyang, Ulang, Meja: Gingham, dan Suara mati di kanan atas, penghitung jumlah lapis, tulisan SERET RASA KE PUDING, serta deretan bola rasa (stroberi, santan, pandan, mangga, ubi ungu, cokelat) dan topping ceri. Mode demo otomatis dengan kursor yang terlihat memainkannya selama 20 detik: tiga rasa diseret satu per satu sehingga lapisan baru jatuh dan memampat di puncak, tombol Goyang ditekan, ceri dijatuhkan ke puncak, puding dicolek tiga kali, ditarik ke samping sampai condong miring, ditahan sebentar, lalu dilepas sampai bergoyang hebat, kemudian kamera berputar pelan sementara meses warna-warni berjatuhan dan muncul pesan Siap disajikan!

Video Interaktif lainnya

  1. Capung Satu Jari di Rawa MalamInteraktif20 dtkCapung Satu Jari di Rawa MalamTrailer vertikal untuk gim fiktif SYUUT!: seekor capung neon terbang sendiri menyusuri lorong cahaya di rawa malam, naik saat tombol ditahan dan turun saat dilepas, memungut tetes embun, lalu nyaris menyentuh laba-laba dan duri tepat di ketukan. Video ditutup layar cyan bertuliskan "Cuma itu." yang kemudian naik memberi tempat bagi ikon gim berisi capung yang melayang.Canvas 2D · Partikel · Fisika
  2. Gobak Sodor di Pulau AwanInteraktif10 dtkGobak Sodor di Pulau AwanGame 3D bergaya mainan pastel: Onde si jajanan berwijen mengecoh penjaga biru berikat kepala, menembus lima garis kapur gobak sodor di pulau yang melayang di atas lautan awan, lalu pulang membawa poin diiringi hujan konfeti. Penonton bersorak di bawah tali bendera, kitiran besar berputar di pulau sebelah, dan HUD menampilkan kartu pemain, timer, catatan kejadian, serta tombol panah yang menyala mengikuti autopilot.Three.js · WebGL · Canvas 2DJuri 91
  3. Rangkong Menyusuri Ngarai SenjaInteraktif20 dtkRangkong Menyusuri Ngarai SenjaGame arcade 3D bergaya toon: seekor rangkong berparuh kuning terbang menyusuri sungai di ngarai hutan hujan saat senja, memungut buah ara bercahaya, menembus tirai air terjun, naik lewat cincin angin ke atas kanopi, lalu menukik dan menyerahkan buah ke paruh rangkong betina yang menyembul dari sarang di batang pohon raksasa. HUD balap lengkap, garis kecepatan, cipratan air, dan panel hasil menutup permainan.Three.js · WebGL · Shader
  4. Gasing Legenda Naik TingkatInteraktif15 dtkGasing Legenda Naik TingkatSebuah gasing kayu 3D bergaya kartun naik tingkat dari Biasa ke Legenda setiap kali diketuk kursor, lalu diputar dengan ledakan cahaya, koin, dan permata. Gasing emas akhirnya berputar sendirian di atas panggung, kartu hadiah melesat ke panel, dan koin serta permata terbang masuk ke saldo di pojok kanan atas.Three.js · Shader · WebGL
ArtikelSusun brief