Interaktif

Menara Balok Gantian

Gim 3D bergiliran di papan gelap berbintang: kursor otomatis pemain Kunang dan Embun bergantian menarik balok kayu dari menara lalu menaruhnya di puncak dengan garis warna pemain, sampai tarikan kelima membuat menara runtuh berhamburan di papan.

Interaktif · Three.js, WebGL, Canvas 2D, Pixel art, Fisika, Bisa dimainkan, CSS · 20 detik · 720×1280

Prompt

Buat gim 3D bergiliran dalam satu file HTML dengan Three.js, format vertikal ponsel, yang memainkan dirinya sendiri. Di atas papan persegi gelap keunguan berbingkai garis emas dengan huruf dan angka koordinat piksel di tepinya yang selalu menghadap kamera, berdiri menara 15 lapis balok kayu (tiga balok per lapis, arah lapis berselang-seling, sudut membulat, serat kayu prosedural, bayangan lembut). Kayu tetap hangat dari kedua sisi karena cahaya utama ikut berputar bersama kamera. Latar langit malam ungu berbintang dengan lingkaran tipis di lantai, kunang-kunang amber dan titik embun toska melayang pelan. Dua pemain: Kunang (amber) dan Embun (toska). HUD bergaya piksel di atas: panel kedua pemain dengan pip jumlah balok, kotak GILIRAN di tengah, penghitung TINGGI dalam lapis dan bar STABIL. Kartu bawah menampilkan langkah dan petunjuk (Pilih balok yang longgar, Tarik pelan-pelan, Taruh di puncak). Tiap giliran: kamera berputar 180 derajat ke sisi pemain sambil spanduk di atas menara bertuliskan GILIRAN n dan 'Langkah Kunang' atau 'Langkah Embun' dengan huruf blackletter piksel, kursor piksel bergerak ke satu balok, balok menyala warna pemain, diklik, ditarik keluar sepanjang sumbunya, diangkat melengkung lalu ditaruh di lapis teratas dengan pantulan kecil dan mendapat dua garis cat tipis warna pemain, menara bergoyang dan bar keseimbangan turun. Pada giliran kelima Kunang menarik balok tengah dari lapis yang tinggal dua balok, menara oleng lalu bagian atasnya runtuh berhamburan ke arah kamera di atas papan dengan guncangan kamera dan kepulan debu hangat, kamera mundur agar seluruh tumpukan terlihat, spanduk 'Menara Runtuh!' muncul, dan video ditutup kartu 'Embun Menang' sementara kamera mengorbit pelan. Durasi 20 detik.

Video Interaktif lainnya

  1. Lampu Bagan Menjelang SubuhInteraktif20 dtkLampu Bagan Menjelang SubuhGame pixel art top-down yang memainkan dirinya sendiri: seorang nelayan muda berbaju merah di atas jukung menyalakan lampu tiga bagan di teluk malam, menarik jaring teri yang berkilau perak, menembus hujan, sambaran petir, dan kayu hanyut berbuih, lalu pulang ke dermaga saat laut berubah jingga keunguan oleh fajar. Layar dilengkapi HUD nyawa, minyak, jam, peta mini, target, kartu bab, dan kotak dialog.Canvas 2D · Pixel art · Partikel
  2. Kancil Melompati Punggung BuayaInteraktif20 dtkKancil Melompati Punggung BuayaGame platformer 2D yang memainkan dirinya sendiri: seekor kancil berselendang merah berlari di hutan hujan, memetik timun, memantul di bunga rafflesia, lalu menyeberangi sungai dengan melompat di punggung lima buaya sambil menghitungnya. Langit berubah jingga saat ia memakan belimbing ajaib, berlari kencang ke kebun timun, dan menutup babak di tiang bambu dengan kembang api serta kartu skor.Canvas 2D · Partikel · Fisika
  3. Salmon Pulang ke HuluInteraktif20 dtkSalmon Pulang ke HuluGame pixel art yang memainkan dirinya sendiri: seekor salmon perak melompati lima air terjun bertingkat saat senja, lolos tipis dari hantaman cakar beruang dan sempat gagal sekali. Di kolam paling atas ia berubah merah, melompat kecil bersama pasangannya, lalu butir telur oranye muncul satu per satu di dasar kerikil sebelum panel SAMPAI DI HULU turun.Canvas 2D · Pixel art · Bisa dimainkan
  4. Perahu Kertas di Selokan HujanInteraktif20 dtkPerahu Kertas di Selokan HujanGame bertahan hidup 3D: perahu kertas origami dari halaman buku tulis bergaris melaju di selokan beton pada malam hujan, menghindari tetes besar bercincin kuning, daun ketapang, ranting, dan pusaran saluran sambil memungut bintang kertas. Kertasnya makin basah dari bawah setelah beberapa tetes mengenai, lapisan lilin sempat melindunginya, perahu bayangan rekor disalip, lalu perahu meluncur ke sungai dan panel hasil muncul.Three.js · WebGL · Shader
ArtikelSusun brief