Membuat sistem skoring pada game bola Pingpong | Processing 3 | Part 4/6

Video Singkat

Halo, Pada tutorial sebelumnya di DISINI, kita sudah mempelajari cara membuat layout game dan membuat bola pada game pingpong bisa bergerak dan memantul jika menyentuh sisi ujung game pada aplikasi Processing. Pada tutorial ini kita akan mempelajari kelanjutan nya yaitu bagaimana sistem skor pada game pingpong
Aturan skor pada game pingpong disini adalah sebagai berikut :

Player 1 akan mendapatkan skor bila bola gagal dipantulkan player 2 dan menyentuh sisi sebelah kanan
Player 2 akan mendapatkan skor bila bola gagal dipantulkan player 1 dan menyentuh sisi sebelah kiri

Ada beberapa variable yang kita tambahkan disini, countR dan countL, countL akan menyimpan skor player 1(left) dan countR akan menyimpan skor player 2(right).

Untuk menampilkan skor tentunya kita membutuhkan text, disini saya menggunakan font Montserrat-Bold ukuran 48pt. Kita daftarkan font yang akan kita gunakan dengan cara: Tools – Create Font – lalu pilih font nya kemudian klik Ok

Jika proses diatas berhasil, maka aka nada file font baru di folder ‘data’ anda

Selanjutnya ketik coding dibawah ini sebelum void setup()

PFont adalah class pada processing yang berguna untuk menyimpan font, selanjutnya pada void setup() tambahkan

baris diatas berfungsi memberi jenis font pada variable font yang sudah kita buat, lalu pada void draw() tambahkan

selanjutnya pada tahap terakhir kita tambahkan beberapa kondisi (if-else), pada bagian sebelumnya (part 3) ada coding seperti ini

Ubah menjadi seperti ini

Logikanya adalah jika bola melebihi pixel 690 pada sumbu x maka player 1 akan mendapat skor, dan jika pixel lebih kecil dari 10 pada sumbu x maka player 2 akan mendapat skor, masing-masing disimpan di variable countL dan countR, dan jika bola melebihi pixel sumbu x 615 dan kurang dari 75 maka bola akan berhenti dan kembali ke tengah (keadaan awal). Logika yang cukup sederhana bukan? Maka full coding nya akan menjadi seperti ini

Tampilan game nya akan seperti ini