Phaser adalah sebuah library JavaScript yang sangat ampuh dan keren untuk membuat game berbasis web.
Postingan ini berbicara tentang sebuah contoh game sederhana yang dibuat dengan menggunakan PhaserJS tersebut.
Game ini cukup sederhana, kamu bisa melihat wajah seekor kucing. Wajah kucing ini berganti-ganti seiring dengan berjalannya waktu.
Ada indikator kesenangan kucing di bawah wajah kucing itu. Kalau indikatornya penuh, kucing ini senang, ia tersenyum dan bahkan tertawa. Tapi lama kelamaan indikator kesenangan kucing itu akan berkurang. Semakin berkurang, mood si kucing semakin berkurang juga, dan lama-lama kucing menjadi sedih lalu menangis.
Indikator itu berkurang seiring waktu sesuai dengan interval tertentu. Lalu untuk membuat kucing itu bahagia, kamu perlu meng-klik atau tap wajah kucing tersebut. Setiap kali kamu tap, maka indikator kesenangan kucing akan bertambah beberapa persen. Tap terus sampai indikatornya penuh dan si kucing pun akan bahagia.
Coba lihat videonya:
Kamu bisa mengunduh source code nya dan memodifikasinya sesuai hati. Dapatkan source nya di sini ya: https://github.com/habibieamrullah/HappyCat/
Phaser yang menghandle perubahan wajah si kucing dan juga animasi sederhana saat wajah kucing disentuh.
Semoga bermanfaat!