Paw & Pixel adalah game pribadi kecil yang dibuat sebagai penghormatan untuk Tupe, kucing kampung oren yang dibesarkan di rumah dan tetap tinggal setelah kedua saudaranya tumbuh dan pergi. Sifatnya tenang dan penyayang, selalu manja dan suka menempel, dan cuma mau datang berlari kalau dipanggil dengan suara falsetto. Dia meninggal di usia empat tahun. Di game ini, pemain berjalan-jalan di hutan pixel-art kecil yang dibangun dengan Phaser 3, ditemani sprite kucing berdasarkan dirinya, sebagai cara sederhana untuk menjaga kenangannya tetap dekat.
Tampilan situs jadi yang bisa di-scroll, persis seperti yang dilihat pengunjung.
Desktop
Mobile
Tools dan teknologi yang digunakan untuk mewujudkan proyek ini.
Tiap proyek memanfaatkan kombinasi berbagai disiplin, begini gambarannya di proyek ini.
Tinjauan lebih dekat soal apa yang ditawarkan produk jadinya, hambatan di sepanjang jalan, dan hasil akhirnya.
Mengisi Hutan Tanpa Terasa Repetitif
Dunia 1600x1600 butuh sekitar 260 pohon supaya terasa seperti hutan sungguhan, tapi menempatkan semuanya secara manual akan makan waktu lama dan berisiko keliatan repetitif. Solusinya, 82 pohon ditempatkan manual dalam grove di sepanjang perbatasan dan interior, lalu sisanya diisi algoritma prosedural berbasis seed yang menyebar sekitar 180 pohon lagi sambil menjaga jarak minimum antar grove.
Menjaga Konsistensi Visual Aset Hasil AI
Aset dibuat lewat Seedance secara terpisah per tipe (pohon, rumput, karakter), jadi berisiko gaya atau palet warnanya gak nyambung satu sama lain. Diperbaiki dengan mengiterasi prompt dan mengkurasi output secara manual, supaya tiap aset tetap konsisten.
Mencegah Pemain Menyelip di Antara Pohon
Satu collision lingkaran per pohon ternyata masih memungkinkan pemain menyelip lewat celah diagonal sempit di antara pohon yang berdiri berdekatan. Diperbaiki dengan menambahkan lapisan collision kedua, dinding segmen tipis di antara dua batang mana pun yang jaraknya kurang dari 34px, menutup celah yang terlewat oleh lapisan pertama.
Bagaimana proyek ini mengubah keadaan bagi bisnis dan penggunanya setelah rilis.
Kenangan yang tetap hidup
Gambar di bawah 200KB
Set sprite 3-arah
Nol celah yang bisa ditembus
Sebelum
Kucing kampung seperti Tupe jarang punya catatan yang bertahan tentang kehidupan yang mereka jalani, begitu mereka pergi biasanya tidak ada yang tersisa.
Sesudah
Tupe sekarang punya dunia kecil yang permanen untuk dikenang, pengingat pribadi bahwa kehidupan dan kasih sayang seekor kucing kampung pun layak dihormati.
Sebelum
Gambar beresolusi tinggi di seluruh situs, bukan cuma satu bagian, berisiko memperlambat setiap halaman.
Sesudah
Setiap gambar di seluruh situs dikompres ke WebP dan dijaga di bawah 200KB, menjaga halaman tetap cepat tanpa penurunan kualitas yang terlihat.
Sebelum
Karakter cuma punya satu sprite statis apapun arah geraknya.
Sesudah
Menambahkan sprite arah (depan, belakang, samping) untuk pemain maupun kucing pendamping, memberi pergerakan kesan hidup yang lebih nyata.
Sebelum
Satu collision lingkaran per pohon masih memungkinkan pemain menyelip lewat celah diagonal sempit di mana pohon-pohon berdiri berdekatan.
Sesudah
Menambahkan dinding segmen penghubung di antara batang-batang yang berdekatan, menutup setiap celah yang terlewat oleh satu lingkaran, jadi pergerakan sekarang terasa solid dan membumi.
