Interaktif

Kepiting Penanam Bakau

Seekor kepiting piksel di tepi hutan bakau saat senja melempar bibit bakau ke lubang-lubang lumpur, sempat meleset sekali, lalu kelima bibit tumbuh dan akarnya menahan ombak ketika air pasang naik.

Interaktif · Canvas 2D, Pixel art, Partikel, Bisa dimainkan · 19 detik · 1280×720

Prompt

Buat satu file HTML mandiri berisi animasi game pixel art yang memainkan dirinya sendiri: seekor kepiting merah menanam bibit bakau di dataran lumpur saat senja, memakai JavaScript vanilla dan Canvas 2D tanpa aset atau library eksternal. RENDERING - Gambar semuanya ke canvas offscreen beresolusi logis 160x90, lalu blit ke canvas layar penuh dengan faktor skala bilangan bulat terbesar, di tengah, imageSmoothingEnabled = false dan CSS image-rendering: pixelated. - Semua koordinat dibulatkan ke grid piksel. Tanpa anti-aliasing, gradien, atau shadowBlur; gradasi langit dibuat dari pita warna dengan dithering kotak-kotak. - Palet tetap sekitar 32 warna: ungu tua dan nila untuk langit senja, jingga redup di cakrawala, cokelat lumpur, hijau bakau, merah kepiting, serta putih kebiruan untuk air dan cahaya bulan. KARAKTER - Kepiting sekitar 13x11 piksel logis dibangun dari baris piksel: cangkang dua warna dengan garis luar gelap, mata bertangkai, enam kaki, satu capit kecil dan satu capit pelempar. Ada rim light 1 piksel dari arah bulan. - Pose (angkat capit, goyang badan, langkah kaki) dianimasikan halus lalu dikuantisasi ke 12 fps agar terasa seperti animasi sprite 16-bit. PERMAINAN (autopilot) - Pohon bakau induk di kiri menjatuhkan buah bibit panjang ke capit kepiting. Kepiting mengangkat capit sambil bar tenaga kecil terisi, garis lintasan putus-putus memanjang dan bingkai bidikan berkedip di lubang target, lalu ia melempar; bibit berputar mengikuti parabola dengan jejak percikan, layar bergetar 1 piksel. - Lima lubang lumpur bergelembung menjadi target. Bibit yang kena menancap tegak, lumpur memercik, dua daun muncul, dan angka +1 melayang. Lemparan ketiga meleset ke laut dengan percikan air dan tulisan MELESET, kepiting menggeleng, HUD menulis COBA LAGI, lalu ia mencoba lagi dan berhasil. - Sistem partikel dengan pool yang dialokasikan di awal (lumpur, air, jejak, kilau daun); tiap partikel melangkah dari warna terang ke gelap sebelum hilang. Update fixed timestep 60 Hz. - HUD di bawah: status air SURUT atau PASANG di kiri, pesan di tengah, ikon bibit dan hitungan 0/5 di kanan, semua dengan huruf piksel 3x5. PENUTUP - Setelah lima bibit tertanam (SEMUA TERTANAM), semuanya tumbuh menjadi pohon bakau muda dengan akar tunjang. Air pasang naik menutupi lumpur dengan dithering, ombak bergulung dari kanan dan mengecil setiap kali melewati pohon (AKAR MENAHAN OMBAK), sampai kepiting menari di tepian kering dan tulisan PANTAI TERJAGA berkedip. LATAR - Langit senja bergaris, bintang 1 piksel berkelip, bulan pucat, siluet pulau di cakrawala, laut dengan kilau pantulan bulan, kerang dan genangan kecil di lumpur. Durasi 19 detik.

Video Interaktif lainnya

  1. Ekspedisi Gua KristalInteraktif20 dtkEkspedisi Gua KristalGame tambang first-person di gua bawah tanah: bor plasma memecah gugus kristal bercahaya menjadi serpihan, pemindai genggam menembus dinding rapuh, lalu bahan peledak meruntuhkannya dengan bola api dan kepulan debu, membuka ruang geode raksasa yang dindingnya dipenuhi kristal.Three.js · WebGL · Shader
  2. Petualangan di Kampung LantingInteraktif20 dtkPetualangan di Kampung LantingGame RPG 2D side-scroller tentang Sari, pedagang muda di kampung atas air: dari layar judul, ia menerima misi dari kepala kampung, membeli galah bambu di warung terapung, melompati perahu dan rakit sambil memetik pisang, lalu mengantar pesanan ke pasar terapung sampai naik level dan mendapat topi tanggui.Canvas 2D · Partikel · Bisa dimainkan
  3. Kafilah Dagang Jalur SutraInteraktif20 dtkKafilah Dagang Jalur SutraGim strategi dagang pixel art bergaya klasik 16-bit yang memainkan dirinya sendiri: kursor menyusun kafilah unta bermuatan sutra di Lembah Giok, kafilah menyeberangi gurun, berlindung dari badai pasir, lalu menjual muatannya di Pelabuhan Barat hingga jalur dagang baru terbuka.Canvas 2D · Pixel art · Bisa dimainkan
  4. Sentil, Karambol di PerambanInteraktif20 dtkSentil, Karambol di PerambanVideo peluncuran 20 detik untuk gim karambol daring fiktif Sentil: papan dilihat dari atas dimainkan otomatis sementara angka pertandingan langsung bertambah, empat tema papan berganti di balik teks TANPA UNDUH, TANPA INSTAL, TANPA DAFTAR, 100% GRATIS, lalu pertandingan yang sama tampil di laptop dan ponsel sebelum kartu penutup.Canvas 2D · GSAP · CSS
ArtikelSusun brief