Tutorial Pembuatan Game Pimpong Menggunakan Processing: Desember 2018

Kamis, 20 Desember 2018

Membuat Bola Pingpong Untuk Game

Bola Pingpong Game

Pada pembahasan kali ini saya akan membuat bola Pingpong dalam permainan Pingpong dengan menggunakan bahasa Pemprograman Java. yang dimana java sangat populer pada masa sekarang ini dan mudah untuk dipelajari.
Game Ping pong merupakan sebuah game yang diadaptasi dari permainan olahraga ping pong atau biasa disebut tenis meja. Pada game ini dimainkan oleh dua pemain, pemain pertama berada dilayar sebelah kiri yaitu warna hijau dan yang kedua ada dilayar sebelah kanan yaitu warna biru. Player 1 mengendalikan dengan tombol huruf W untuk ke atas dan S untuk ke bawah. Sedangkan player 2 mengendalikan dengan tombol huruf I untuk ke atas dan K untuk ke bawah.

Berikut ini saya akan menjelaskan tahap Ke Empat dari proses pembuatan game ini. Silahkan lihat (https://alinmeisya.blogspot.com/2018/12/ping-pong-game-part-26.html) untuk tahap Ke Empat pembuatan game ini :

Part 3

int LrectY=350;
int RrectY=350;

int ellX=width/2;
int ellY=height/2;

boolean moveRight=true;
boolean moveDown=true;

int speedSide=3;
int speedVertical=4;
PImage img;
PImage img2;
PImage img3;

void setup(){
size(700,700);
background(0);

img = loadImage("ANDRIO.png");
img2=loadImage("RIDHO.png");
img3=loadImage("ALIN.png");

}
void draw(){

background(0);

fill(242,60,6);
ellipse(ellX,ellY,50,50);

fill(156,218,6);
rect(20,LrectY,30,100);
image(img, 0, LrectY);

fill(53,211,218);
rect(630,RrectY,30,100);
image(img2, 630, RrectY);

if(keyPressed==true && key=='w'){
LrectY=LrectY-6;
}
if(keyPressed==true && key=='s'){
LrectY=LrectY+6;
}
if(keyPressed==true && key=='i'){
RrectY=RrectY-6;
}
if(keyPressed==true && key=='k'){
RrectY=RrectY+6;
}

if(moveRight==true)
{
ellX=ellX+speedSide;
}
else{
ellX=ellX-speedSide;
}

if(moveDown==true)
{
ellY=ellY+speedVertical;
}
else{
ellY=ellY-speedVertical;
}

if(ellY<=10){
moveDown=true;
}
if(ellY>=690){
moveDown=false;
}
if(ellX>=690){
moveRight=false;
}
if(ellX<=10){
moveRight=true;
}

}

Penjelasan Sebelumnya telah di paparkan fungsi-fungsi dari setiap sintak. maka dari itu saya akan melanjutkan tambahan sintak pada part 3 ini :

if(keyPressed==true && key=='w')
=> fungsi dari sintak di atas ialah apabila user menekan huruf 'w' pada keyboard makan playernya akan bergerak ke atas

int speedVertical=4;
=> Variabel diatas digunakan untuk menentukan kecepatan gerak dari player saat bergerak secara vertikal

- Insert Source code ke Processing

- Hasil Compile

NB : Lihat Hasil Dari Source code di atas. Bola Akan Bergerak secara random

Membuat Template untuk game

Template Game

Pada pembahasan kali ini saya akan membuat sebuah game Ping Pong sederhana dengan menggunakan bahasa pemrograman Processing. Processing merupakan bahasa pemrograman untuk teknologi visual.

Game Ping pong merupakan sebuah game yang diadaptasi dari permainan olahraga ping pong atau biasa disebut tenis meja. Pada game ini dimainkan oleh dua pemain, pemain pertama berada dilayar sebelah kiri yaitu warna hijau dan yang kedua ada dilayar sebelah kanan yaitu warna biru. Player 1 mengendalikan dengan tombol huruf W untuk ke atas dan S untuk ke bawah. Sedangkan player 2 mengendalikan dengan tombol huruf I untuk ke atas dan K untuk ke bawah.

Berikut ini saya akan menjelaskan tahap kedua dari proses pembuatan game ini. Silahkan lihat (https://alinmeisya.blogspot.com/2018/12/ping-pong-game-part-26.html) untuk tahap kedua pembuatan game ini :

Part 1

PImage img;
PImage img2;
PImage img3;

void setup(){
size(700,700);
background(0);

img = loadImage("ANDRIO.png");
img2=loadImage("RIDHO.png");
img3=loadImage("ALIN.png");
}

void draw(){
fill(242,60,6);
ellipse(350,350,50,50);

fill(156,218,6);
rect(20,350,30,100);
image(img, 0, 350);

fill(53,211,218);
rect(630,350,30,100);
image(img2, 630, 350);
}

PImage img;
=> PImage untuk menyimpan gambar kedalam variabel

void setup()
size(700,700);
background(0);
=> Fungsi yang akan dieksekusi hanya sekali oleh program. Pada umumnya, skrip yang dimasukkan di dalam void setup() adalah fungsi size() (jika tidak, maka Display Window akan berukuran 100 x 100 piksel), mengatur warna background, mengatur warna garis, atau memuati gambar maupun huruf. Jika berkomunikasi secara serial dengan peralatan lain di luar komputer, kita dapat mengatur kecepatan serial di dalam fungsi ini.

void draw()
=> fungsi yang akan dieksekusi berkali-kali oleh program, dan baru akan berhenti ketika Display Window ditutup atau tombol Stop ditekan. Program akan diesekusi dari skrip paling atas, melewati void setup() dan selanjutnya menuju void draw(). Di dalam void draw(), program akan berulang. Satu perjalanan dalam mengeksekusi program di dalam void draw dikenal dengan istilah frame. Secara default, Processing akan mengeksekusi 60 frame perdetik. Namun, kecepatan ini dapat diatur.

img = loadImage("ANDRIO.png");
img2=loadImage("RIDHO.png");
img3=loadImage("ALIN.png");
=> Load gambar ke dalam variabel dengan fungsi loadImage()

fill(242,60,6);

=>Terdapat beberapa fungsi yang dapat digunakan untuk memainkan warna pada objek, diantaranya fill(), dan background().

ellipse(350,350,50,50);

=> ellipse() menunjukkan posisi pusat elips

rect(630,350,30,100);
=> Membuat Object Persegi

image(img2, 630, 350);
=> memberikan gambar pada object yang telah dibuat

- Insert Source code ke Processing

- Hasil Compile

Untuk Tahapan Selanjutkan Silahkan Klick Link yang ada di bawah :
- Part 1 : https://teknikinfrormatika.blogspot.com/2018/12/membuat-template-untuk-game.html
- Part 2 : https://alinmeisya.blogspot.com/2018/12/ping-pong-game-part-26.html
- Part 3 : https://teknikinfrormatika.blogspot.com/2018/12/membuat-bola-pingpong-untuk-game.html
- Part 4 : https://lebihtentanggrafika.blogspot.com/2018/12/membuat-sistem-skoring-pada-game-bola.html
- Part 5 : https://alinmeisya.blogspot.com/2018/12/ping-pong-game-part-56.html
- Part 6 : https://lebihtentanggrafika.blogspot.com/2018/12/cara-memasukkan-lagu-kedalam-program.html