Python Game
Banyak yang bilang:
"Kalau pakai Linux, nanati gak bisa primary Game"
Pernyataan ini ada benarnya, karena Game yang dipublikasikan untuk Linux tidak sebanyak Windows dan Mac.
Mungkin karena Linux kebanyakan digunakan di server dan deject.
Tapi ini sebenarnya bisa jadi potensi pasar dengan persaingan yang sedikit.
Bayangkan…
Game anda diterbitkan untuk platform Linux, seberapa banyak pengguna Linux (terutama yang baru bermigrasi) akan memainkan Game anda di Linux. Saya kira akan banyak.
Ah, saya tidak akan membahas ini lebih dalam. Karena pada artikel ini kita akan belajar cara membuat game di Linux dengan PyGame.
Siap?
Mari kita mulai…
Persiapan Awal yang Harus dilakukan
Sebelum memulai, saya akan menjelaskan dulu persiapan yang harus dilakukan.
Pada tutorial ini, kita akan menggunakan modul PyGame dengan Python 3.
Jadi ada dua hal utama yang harus disiapkan:
- Python three
- PyGame
PyGame adalah modul Python yang berisi fungsi dan class yang kita butuhkan untuk membuat game.
Pengetahuan yang dibutuhkan
Setidaknya untuk dapat mengikuti tutorial ini, kamu harus paham dulu dasar-dasar pemrograman Python.
Apabila belum paham, silahkan ikuti: Tutorial Pemrograman Python yang sudah saya buat.
Selain itu pengetahuan tentang grafika komputer dan matematika juga akan sangat membantu.
Penasaran kan… bagaimana peranan matematika di dalam Game?
Nanti saja kita lihat di dalam kode.
Lanjutkan baca sampai selesai ya…
Oya, pastikan kamu mengetik sendiri kode yang ada di tutorial ini. Kalau copas nanti bisa mistake, saoalnya python sangat sensitif dengan tab dan spasi. Selain itu, kamu juga akan menikmati proses coding-nya. Bukan menikmati proses copas-nya 😝
Instalasi PyGame
PyGame dapat kita install menggunakan pip dengan perintah berikut:
Atau bisa juga melalui apt:
sudo apt-become install python3-pygame Maka modul pygame akan terinstal ke dalam lingkungan Bone (Sistem Opearsi).
Buat yang menggunakan Virtual Environtment gunakan perintah ini:
# membuat virtual env virtualenv -p python3 pygame # pindah ke direktori virtualenv cd pygmae # aktifkan virtual env . bin/activate # install modul pygame di dalam virtualenv pip install pygame Belum tahu tentang virtual environment?
Silahkan baca: Mengenal Virtualenv: Apa Saja yang Harus Kamu Ketahui?
OK, lanjut…
Sekarang kita tes dulu, apakah modul pygame sudah terinstal atau tidak. Silahkan masuk ke shell python dengan mengetik perintah python3 atau python (di virtual env).
Ketik perintah berikut:
>>> import pygame Kalau tidak terjadi error, maka modul pygame sudah terinstal dengan benar.
Tapi kalau terjadi mistake, artinya modul pygame belum terinstall.
Coba install lagi sampai berhasil.
Membuat Proyek Game
Sebelum mulai membuat game, kita tentukan dulu game seperti apa yang akan dibuat.
Pada tutorial ini, kita akan membuat game 2d dengan game play seperti ini:
Permainan pada game ini hanya sebatas tembak-tembakan saja dengan pemain utama (thespian) adalah seekor kelinci. Dia harus melindungi bentengnya dari serangan hewan liar.
Kelinci ini menggnakan panah untuk menebak.
Sederhana bukan…
Mari kita mulai proyek ini dengan membuat direktori baru bernama mygame. Lalu di dalam direktori ini buat file baru bernama game.py.
Ikuti perintah berikut:
mkdir mygame touch on mygame/game.py Sehingga kita akan punya struktur direktori seperti ini:
Untuk aset game seperti game art dan audio sudah saya sediakan.
Tinggal download saja di sini: [ Download Game Assets]
Setelah itu ekstrak direktori resource ke dalam direktori mygame.
Sehingga kita punya struktur direktori seperti ini:
Selanjutnya kita bisa mulai coding…
Langkah 1: Membuat Game dengan PyGame
Buka file game.py dengan teks editor, lalu ketik kode berikut:
File: game.py
# ane - Import Library ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ import pygame from pygame.locals import * # two - Initialize the Game ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ pygame.init() width, top = 640, 480 screen = pygame.display.set_mode((width, height)) running = True playerpos = [100, 100] # initial position for actor # 3 - Load Game Assets ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # 3.one - Load Images role player = pygame.image.load("resource/img/dude.png") ## iv - The Game Loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ while(running): # 5 - Clear the screen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ screen.fill up(0) # 6 - Draw the game object ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ screen.blit(thespian, playerpos) # 7 - Update the sceeen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ pygame.display.flip() # eight - Event Loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for event in pygame.result.get(): # effect saat tombol exit diklik if event.blazon == pygame.QUIT: pygame.quit() go out(0) Ada viii langkah awal yang harus kita lakukan dalam membuat game dengan PyGame:
1 - Import Library:
Mmengimpor semua library yang dibutuhkan oleh Game:
import pygame from pygame.locals import * Pertama kita impor pygame lalu mengimpor konstanta di dalam pygame.
2 - Initialize Game:
Pada tahapan ini kita melakukan inisialisasi atau deklarasi variabel dan objek yang dibutuhkan.
3 - Load Game Assets:
Pada tahapan ini kita me-load game asset. Pada kode di atas, kita me-load gambar untuk ditampilkan pada Game.
four - Game Loop:
Game loop akan mengunlang terus mmenerus selama game-nya berjalan.
five - Clear Screen:
Kita menggunakan fungsi screen.make full(0) untuk mengosongkan layar sebelum digambar.
6 - Draw the game object:
Pada tahapan ini kita menggambar game objek ke layar. Jadi apapun yang akan kita tampilkan ke layar, kita harus menggambarnya di sini.
Fungsi yang digunakan untuk menggambar pada Pygame adalah:
screen.blit(objek, posisi) parameter posisi adalah sebuah tuple (x,y) yang menyatakan koordinat atau lokasi gambar akan ditampilkan.
7 - Update Screen:
Karena saat ini kita berada di dalam game loop, gambar akan dibuat terus menerus selama gamenya berjalan.
Karena itu, kita perlu update tampilan screenya agar tercipta efek animasi.
Fungsi untuk update di pygame adalah:
8 - Event Loop:
Event loop berfungsi untuk mengecek consequence apa saja yang terjadi di dalam game. Misal saat mouse ditekan, saat salah satu keyboard ditekan, dsb.
Nah, sekarang coba eksekusi Gamenya dengan perintah:
Maka hasilnya:
Blast!! kita berhasil menggambar Player di ruang hampa.
Ngomong-ngomong itu posisinya berada di titik (100, 100). Artinya x=100 dan y=100.
"Kok y ke bawah tidak bernilai negatif?"
Diagram kartesius di komputer dibuat terbalik dengan titik (0,0) berada di pojok kiri atas.
Ingat-ingat lagi pelajaran matematika dan grafika komputernya, hehe 😄…
Ok, lanjut…
Langkah 2: Menambahkan Background dan Objek yang Lain
Agar game terlihat menarik, kita tambahkan background dan game objek lainnya.
Tambahkan baris ini pada langkah ke #three:
grass = pygame.image.load("resource/img/grass.png") castle = pygame.image.load("resource/img/castle.png") Sehingga menjadi seperti ini:
Setelah itu kita akan gambar grass dan castle di langkah ke #6. Tambahkan kode berikut di atas kode untuk menggambar player:
# draw the grass for ten in range(int(width/grass.get_width()+ 1)): for y in range(int(height/grass.get_height()+ 1)): screen.blit(grass, (x* 100, y* 100)) # draw the castle screen.blit(castle, (0, 30)) screen.blit(castle, (0, 135)) screen.blit(castle, (0, 240)) screen.blit(castle, (0, 345)) Sehingga menjadi seperti ini:
Oke, sekarang kita punya kode seperti ini:
# ane - Import Library ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ import pygame from pygame.locals import * # 2 - Initialize the Game ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ pygame.init() width, height = 640, 480 screen = pygame.display.set_mode((width, height)) running = True playerpos = [100, 100] # initial position for player # 3 - Load Game Avails ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # 3.1 - Load Images thespian = pygame.image.load("resources/img/dude.png") grass = pygame.image.load("resources/img/grass.png") castle = pygame.image.load("resources/img/castle.png") ## iv - The Game Loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ while(running): # 5 - Clear the screen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ screen.fill(0) # 6 - Draw the game object ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # draw the grass for 10 in range(int(width/grass.get_width()+ ane)): for y in range(int(height/grass.get_height()+ 1)): screen.blit(grass, (x* 100, y* 100)) # describe the castle screen.blit(castle, (0, 30)) screen.blit(castle, (0, 135)) screen.blit(castle, (0, 240)) screen.blit(castle, (0, 345)) screen.blit(player, playerpos) # seven - Update the sceeen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ pygame.brandish.flip() # 8 - Event Loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for upshot in pygame.event.go(): # event saat tombol get out diklik if consequence.type == pygame.QUIT: pygame.quit() exit(0) Coba eksekusi lagi kode tersebut:
Maka hasilnya:
Mantap… 👏👏👏
Langkah 3: Menggerakan Player
Agar player bisa bergerak, kita harus memindahkan posisinya.
Misal kita ubah posisi x yang awalnya 100 menjadi 300, maka player akan bergerak ke kanan sejauh 100px.
Pada game ini, player akan kita gerakkan saat tombol ini ditekan:
-
abergerak ke kiri -
southwardbergerak ke bawah -
dbergerak ke kanan -
wbergerak ke atas
Paham kan maksud saya…?
Sekarang tambahkan kode berikut pada langkah #ii (di atas running = True):
# Key mapping keys = { "top": False, "lesser": False, "left": False, "right": False } Lalu di langkah ke #8 - Event Loop, tambahkan kode berikut di bawah kode issue QUIT:
# chek the keydown and keyup if upshot.type == pygame.KEYDOWN: if event.cardinal == K_w: keys["top"] = True elif effect.cardinal == K_a: keys["left"] = True elif issue.central == K_s: keys["bottom"] = True elif event.key == K_d: keys["right"] = True if event.blazon == pygame.KEYUP: if event.key == K_w: keys["summit"] = False elif upshot.key == K_a: keys["left"] = Imitation elif issue.key == K_s: keys["lesser"] = Simulated elif event.fundamental == K_d: keys["correct"] = False # - End of result loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # nine. Motility the player ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ if keys["peak"]: playerpos[1] -= v # kurangi nilai y elif keys["bottom"]: playerpos[1] += five # tambah nilai y if keys["left"]: playerpos[0] -= 5 # kurangi nilai x elif keys["right"]: playerpos[0] += five # tambah nilai ten Sehingga akan menjadi seperti ini:
Event KEYDOWN artinya saat kita menekan tombol di keyboard, sedangkan KEYUP saat kita melepas keyboad.
Lalu di dalam KEYDOWN dan KEYUP kita melakukan pengecekan tombol yang ditekan dengan konstanta yang sudah disediakan PyGame.
-
K_wuntuk tombolw -
K_auntuk tombola -
K_suntuk tombolsouthward -
K_duntuk tombold
Terakhir kita memindahkan poisi Player bedasarkan tombol yang ditekan. Player akan bergerak sepanjang 5px dengan menambah dan mengurangi nilai ten dan y.
if keys["top"]: playerpos[1] -= 5 # kurangi nilai y elif keys["lesser"]: playerpos[1] += 5 # tambah nilai y if keys["left"]: playerpos[0] -= v # kurangi nilai x elif keys["correct"]: playerpos[0] += 5 # tambah nilai x Hasilnya:
Yeah! kita berhasil! 👏👏👏
Langkah four: Mengubah Arah Actor
Berikutnya kita ingin agar player menghadap ke mana arrow diarahkan. Sehingga nanti kita bisa menembak dan membidik musuh.
Untuk melakukan ini, kita harus memutar arah actor dengan sudut tertentu lalu menggambar ulang karakternya.
Besar sudut ini bisa kita hitung dengan rumus trigonometri tangen.
Masih ingat dengan sinus (sin), cosinus (cos), dan tangen (tan)?
Hahaha 😄 sama!!
Saya juga lupa…
Tapi setidaknya kita harus paham bagaimana player akan bergerak mengikuti pointer.
Jadi begini…
Anggaplah si player berada di titik (5,iii), lalu pointer berada di titik (2,4). Agar player dapat berputar mengikuti arah pergerakan pointer, maka kita harus menghitung besar sudut z.
Setelah itu, baru kita bisa rotasi player dengan besar sudut z.
Nah, untuk mencari besar sudut z, kita bisa menggunakan rumus tangen.
Tenang…
Kita tidak akan membuat fungsi kangen tangen sendiri, karena di Python sudah disediakan dengan nama atan2(). Fungsi ini berada di dalam modul math.
Baiklah, sekarang buka lagi file game.py. Lalu tambahkan kode berikut pada langkah ke #1 - Import Library:
Lalu pada langkah ke #6, ganti kode ini:
screen.blit(player, playerpos) Menjadi:
# draw the player mouse_position = pygame.mouse.get_pos() angle = math.atan2(mouse_position[ane] - (playerpos[1]+ 32), mouse_position[0] - (playerpos[0]+ 26)) player_rotation = pygame.transform.rotate(histrion, 360 - angle * 57.29) new_playerpos = (playerpos[0] - player_rotation.get_rect().width / 2, playerpos[one] - player_rotation.get_rect().summit / two) screen.blit(player_rotation, new_playerpos) Penjelasan:
Pertama kita mengambil posisi pointer dengan fungsi pygame.mouse.get_pos(). Fungsi ini akan menghasilkan sebuah listing yang menampung nilai posisi ten dan y dari mouse atau pointer.
Setelah itu kita menghitung besar sudut dengan fungsi math.atan2().
angle = math.atan2(mouse_position[i] - (playerpos[1]+ 32), mouse_position[0] - (playerpos[0]+ 26)) Setelah mendapatkan besar sudut rotasi, kemudian kita putar (rotasi) player dengan fungsi pygame.transform.rotate():
pygame.transform.rotate(player, 360 - angle * 57.29) Nilai 57.29 didapatkan dari nilai radius 360/2π.
Terakhir kita menggambar ulang thespian dengan posisi baru.
Maka hasilnya:
Langkah 5: Membuat Tembakan
Berikutnya kita tambahkan kode untuk membuat tembakan.
Logikanya nanti seperti ini:
- Gambar panah saat event klik;
- Pindahkan panah sesuai arahnya;
- Hapus panah kalau sudah mencapai batas layar.
Semua anak panah akan kita simpan di dalam sebuah list.
Baiklah, sekarang tambahkan kode berikut pada langkah #ii tepat di bawah variabel playerpos:
score = 0 arrows = [] # listing of arrows Variabel score nanti akan kita gunakan untuk menyimpan score yang didapatkan.
Sementara variabel arrows akan menyimpan titik koordinat (x, y) dari anak panah.
Berikutnya silahkan tambahkan objek pointer pada langkah #3.1:
arrow = pygame.image.load("resources/img/bullet.png") Sehingga menjadi seperti ini:
Setelah itu, tambahkan kode untuk event MOUSEBUTTONDOWN pada langkah ke #8 di bawah event QUIT:
# Fire!! if event.type == pygame.MOUSEBUTTONDOWN: arrows.suspend([angle, new_playerpos[0]+ 32, new_playerpos[i]+ 32]) Sehigga menjadi seperti ini:
Kita akan menambahkan koordinat arrow baru ke dalam list arrows. Koordinat tersebut akan menjadi titik first untuk menggambar panah.
Selanjutnya tambahkan kode ini untuk menggambar panahnya di langkah ke #6 tepat di bawah kode # depict thespian:
# 6.i - Draw arrows for bullet in arrows: arrow_index = 0 velx=math.cos(bullet[0])* 10 vely=math.sin(bullet[0])* x bullet[ane]+=velx bullet[2]+=vely if bullet[ane] < - 64 or bullet[1] > width or bullet[ii] < - 64 or bullet[ii] > meridian: arrows.pop(arrow_index) arrow_index += 1 # draw the pointer for projectile in arrows: new_arrow = pygame.transform.rotate(arrow, 360 -projectile[0]* 57.29) screen.blit(new_arrow, (projectile[ane], projectile[2])) Sehingga akan menjadi seperti ini:
Perhatikan!
Variabel velx (velocity x) dan vely (velocity y) kita hitung dengan rumus trigonomotri math.sin() dan math.cos(). Dua variabel ini akan menentukan kecepatan panah berpindah dari titik awal ke titik akhir.
Selanjutnya kita cek, apakah panah sudah mencapai batas layar atau tidak?
if bullet[1] < - 64 or bullet[1] > width or bullet[2] < - 64 or bullet[2] > tiptop: arrows.pop(index) Kalau sudah mencapai batas layar, kita hapus panahnya dari list dengan fungsi pop() agar tidak memakan banyak memori.
Setelah itu kita increment nilai index panah (arrow_index) dan mulai menggambar berdasarkan bending actor.
# depict the arrow for projectile in arrows: new_arrow = pygame.transform.rotate(arrow, 360 -projectile[0]* 57.29) screen.blit(new_arrow, (projectile[1], projectile[2])) Variabel projectile akan berisi nilai koordinat awal panah yang didapatkan dari list arrows.
Sekarang coba eksekusi lagi Game-nya:
Maka hasilnya:
Wohooo~ 😍 keren!!
Wah, kamu sudah mengikuti 50% dari tutorial ini. Sisanya tinggal menambahkan musuh, collision, UI, dan audio.
Langkah 6: Membuat Musuh
Sekarang saatnya kita menggambar musuh. Caranya hampir sama dengan menggambar obejk yang lain.
Bedanya, kita akan menggambar pada titik y secara acak.
Untuk menggambar secara acak, kita bisa menggunakan fungsi randint() (random integer) untuk membuat bilangan acak.
Tujuan utama musuh adalah menyerang markas kelinci yang sudah kita buat.
Jadi nanti langkahnya akan menjadi seperti ini:
- Buat listing untuk nampung musuh.
- Gambar musuh berdasarkan koordinat pada listing.
- Buat musuh agar bergerak menuju markas kelinci.
- Hapus musuh saat sudah mencapai markas kelinci.
Baiklah, sekarang buka kembali file game.py. Lalu di langkah #1 tambahkan kode berikut untuk mengimpor fungsi randint():
from random import randin Setelah itu buat variabel global yang diperlukan untuk musuh, seperti list, dan waktu ia akan muncul.
Pada langkah ke #two tambahkan kode ini:
enemy_timer = 100 # waktu kemunculan enemies = [[width, 100]] # list yang menampung koordinat musuh Sehingga akan menjadi seperti ini:
Variabel enemy_timer akan kita kurangi -1 disetiap perulangan game loop. Lalu saat variabel ini mencapai nilai 0 musuh akan keluar.
Berikutnya tambahkan kode ini untuk mengimpor gambar enemy di langkah # 3.1:
enemy_img = pygame.image.load("resources/img/badguy.png") Berikutnya silahkan tambahkan kode ini di bawah langkah # half-dozen.1:
# half dozen.2 - Draw Enemy # waktu musuh akan muncul enemy_timer -= one if enemy_timer == 0: # buat musuh baru enemies.append([width, randint(l, height- 32)]) # reset enemy timer to random time enemy_timer = randint(1, 100) index = 0 for enemy in enemies: # musuh bergerak dengan kecepatan 5 pixel ke kiri enemy[0] -= 5 # hapus musuh saat mencapai batas layar sebelah kiri if enemy[0] < - 64: enemies.pop(alphabetize) # gambar musuh ke layar for enemy in enemies: screen.blit(enemy_img, enemy) Sehingga akan menjadi seperti ini:
Setelah itu, coba eksekusi lagi.
Maka hasilnya:
Yap! kita sudah berhasil menggambar musuh secara acak di titik y dan waktu kemunculannya juga kita tentukan secara acak.
Saat ini musuh tidak bisa ditembak, karena kita belum membuat kode untuk menghapus musuh saat berbenturan dengan anak panah.
Langkah vii: Collision Detection
Kita sudah berhasil menambahkan thespian dan juga musuhnya. Namun, sayang musuh belum bisa ditembak.
Ini karena kita belum membuat kode untuk collision detection atau pendeteksian benturan.
Ada dua benturan yang harus kita buat:
- Benturan antara anak panah dengan musuh (muduh ditembak)
- Benturan antara musuh dengan markas kelinci (player di serang)
Mari kita buat…
Pada langkan ke #6 di bagian #vi.2 tambahkan kode ini dibawah hapus musuh:
# 6.2.one collision between enemies and castle enemy_rect = pygame.Rect(enemy_img.get_rect()) enemy_rect.top = enemy[1] # ambil titik y enemy_rect.left = enemy[0] # ambil titik x # benturan musuh dengan markas kelinci if enemy_rect.left < 64: enemies.popular(alphabetize) impress("Oh tidak, kita diserang!!") # half-dozen.ii.2 Check for collisions between enemies and arrows index_arrow = 0 for bullet in arrows: bullet_rect = pygame.Rect(arrow.get_rect()) bullet_rect.left = bullet[1] bullet_rect.summit = bullet[two] # benturan anak panah dengan musuh if enemy_rect.colliderect(bullet_rect): score += 1 enemies.pop(index) arrows.pop(index_arrow) impress("Boom! mati kau!") impress("Score: {} " .format(score)) index_arrow += 1 index += i Sehingga akan menjadi seperti ini:
Setelah itu, coba eksekusi lagi dan perhatikanlah hasilnya:
Penjelasan:
Pertama kita membuat objek rectangle (segi emapat) dari objek-objek yang akan berbenturan:
-
enemy_rectadalah objek rectangle untuk musuh; -
bullet_rectadalah objek rectangle untuk anak panah.
Kalau kita gambarkan akan terlihat seperti ini:
Setelah itu, kita buat kondisi saat musuh menabrak markas kelinci.
if enemy_rect.left < 64: enemies.pop(alphabetize) print("Oh tidak, kita diserang!!") Angka 64 itu maksudnya saat musuh sudah mencapai titik ten = 64, maka dia harus menghilang dan itu artinya benteng atau markas player sedang diserang.
Lalu benturan beikutnya akan terjadi antara anak panah dengan musuh.
# 6.2.2 Check for collisions betwixt enemies and arrows index_arrow = 0 for bullet in arrows: bullet_rect = pygame.Rect(arrow.get_rect()) bullet_rect.left = bullet[1] bullet_rect.top = bullet[2] # benturan anak panah dengan musuh if enemy_rect.colliderect(bullet_rect): score += i enemies.pop(index) arrows.pop(index_arrow) print("Boom! mati kau!") print("Score: {} " .format(score)) index_arrow += i Kita menggunakan fungsi colliderect() untuk mendeteksi apakah anak panah berbenturan dengan musuh atau tidak.
Kenapa menggunakan fungsi ini?
Karena yang mau kita cek tidak hanya benturan dari satu sisi saja. Melainkan juga dari semua sisi rectangle musuh.
Misalkan kita tembak musuh dari belakang, maka itu akan dianggap benturan yang sah atau valid.
Kemudian, saat terjadi benturan, kita menambahkan +1 untuk nilai score. Lalu menghapus anak panah dan musuh tersebut.
Langkah eight: Membuat HUD untuk Waktu dan Wellness Point
HUD (Heads Up Display) adalah sebuah tampilan untuk menyajikan data. Pada HUD, kita akan menampilkan data waktu dan health signal untuk markas.
Silahkan buka file game.py lalu tambahkan variabel ini di bawah variabel score di langkah ke #ii:
health_point = 194 # default health indicate for castle countdown_timer = 90000 # 90 detik Dua variabel di atas akan mnyimpan nilai awal untuk health_point dan waktu game. Nilai 194 kita berikan, karena di game asset healthbar.png memiliki lebar 194px.
Berikutnya tambahkan kode ini di langkah #3.1:
healthbar = pygame.image.load("resources/img/healthbar.png") health = pygame.prototype.load("resources/img/wellness.png") Sehingga akan menjadi seperti ini:
Setelah itu tambahkan kode ini pada langkah ke # 6.2.1 saat musuh menyentuh markas kelinci:
health_point -= randint(5,20) Shingga akan menjadi seperti ini:
Maksud kode di atas adalah mengurangi nilai health_value saat markas diserang. Kurangi dengan bilangan acak dari 5 sampai 20.
Berikutnya kita akan gambar health bar dan waktu. Silahkan tambahkan kode ini pada langkah #six tepat setelah menggambar musuh:
# 6.3 - Depict Health bar screen.blit(healthbar, (five,v)) for hp in range(health_point): screen.blit(health, (hp+ 8, viii)) # vi.4 - Depict clock font = pygame.font.Font(None, 24) minutes = int((countdown_timer-pygame.time.get_ticks())/ 60000) # 60000 itu sama dengan 60 detik seconds = int((countdown_timer-pygame.time.get_ticks())/ one thousand % threescore) time_text = " {:02} : {:02} " .format(minutes, seconds) clock = font.render(time_text, Truthful, (255,255,255)) textRect = clock.get_rect() textRect.topright = [635, 5] screen.blit(clock, textRect) Sehingga akan menjadi seperti ini:
Untuk membuat teks di PyGame, kita bisa memanfaatkan objek font. Lalu nilai waktu count downwardly untuk gamenya bisa kita dapatkan dari fungsi pygame.time.get_ticks().
Objek font memiliki method render() untuk me-render teks ke layar game. Method ini memiliki tiga paramater yaitu:
-
textteks cord yang akan ditampilkan, pada kode di atas kita memberikantime_text; -
antialiasagar teksnya terlihat mulus, pada kode di atas kita memberikan nilaiTruthful; - Terakhir paramternya dalah nilai warna. Kita memberikan
(255, 255, 255)untuk warna putih.
Maka hasilnya akan seperti ini:
Langkah nine: Membuat Screen untuk Game Over
Sejauh ini game kita sudah berjalan dengan baik. Namun game-nya tidak akan pernah selesai alias Game Over.
Ada dua result yang akan menghakhiri game:
- Saat waktu habis (player menang)
- Saay
health_pointbernilai0(player kalah)
Mari kita buat…
Silahkan tambahkan kode berikut di atas variabel socre:
# leave lawmaking for game over and win codition exitcode = 0 EXIT_CODE_GAME_OVER = 0 EXIT_CODE_WIN = i Kemudian pada langkah #3.one tambahkan kode berikut:
gameover = pygame.prototype.load("resources/img/gameover.png") youwin = pygame.paradigm.load("resources/img/youwin.png") Sehingga akan menjadi seperti ini:
Lalu di bagian akhir, di bawah langkah #9 tambahkan kode ini:
# 10 - Win/Lose check ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ if pygame.time.get_ticks() > countdown_timer: running = False exitcode = EXIT_CODE_WIN if health_point <= 0: running = Imitation exitcode = EXIT_CODE_GAME_OVER # - End of Game Loop ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ # eleven - Win/lose display ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ if exitcode == EXIT_CODE_GAME_OVER: screen.blit(gameover, (0, 0)) else: screen.blit(youwin, (0, 0)) # Tampilkan score text = font.render("Score: {} " .format(score), True, (255, 255, 255)) textRect = text.get_rect() textRect.centerx = screen.get_rect().centerx textRect.centery = screen.get_rect().centery + 24 screen.blit(text, textRect) while True: for effect in pygame.event.get(): if effect.type == pygame.QUIT: pygame.quit() exit(0) pygame.brandish.flip() Kode di atas berfungsi untuk mengecek apakah game sudah selesai atau tidak. Lalu menampilkan hasilnya.
Langkah ten: Menambahkan Musik dan Effek Suara
Wohoo… kita sudah sampai di langkah terakhir.
Nah, sekarang biar game-nya tidak sepi dan sunyi. Kita tambahkan background musik dan efek suara saat event tertentu.
Silahkan tambahkan kode berikut di langkah #3, tepatnya di bawah objek youwin:
# 3.1 - Load audio pygame.mixer.init() hit_sound = pygame.mixer.Sound("resources/audio/explode.wav") enemy_hit_sound = pygame.mixer.Sound("resources/audio/enemy.wav") shoot_sound = pygame.mixer.Sound("resource/audio/shoot.wav") hit_sound.set_volume(0.05) enemy_hit_sound.set_volume(0.05) shoot_sound.set_volume(0.05) # groundwork music pygame.mixer.music.load("resources/audio/moonlight.wav") pygame.mixer.music.play(- 1, 0.0) pygame.mixer.music.set_volume(0.25) Sehingga akan menjadi seperti ini:
Pada kode di atas, kita membuat objek sound berdasrakan file wav di nugget.
Background music akan diputar terus menerus selama game dimainkan. Sedangkan efek suara akan diputar saat terjadi event teretntu.
Misalnya: saat musuh ditembak, saat musuh menyerang benteng, dll.
Untuk memutar efek suara, kita tinggal panggil fungsi play() pada objek audio.
Sekarang, tambahkan kode untuk memutar efek suara pada issue:
- Saat musuh menyentuh benteng atau markas kelinci
- Saat musuh terkena tembakan.
Pergi ke kode di bagian standoff detection, lalu tambahkan kode ini:
# collision enemy dengan castle hit_sound.play() # collision arrow dengan enemy enemy_hit_sound.play() Sehingga akan menjadi seperti ini:
Satu lagi, tambahkan shoot_sound.play() saat event MOUSEBUTTONDOWN:
Selesai.
…dan coba mainkan lagi gamenya.
🎁 Source Code tutorial ini dapat kamu download di Github
Apa Selanjutnya?
Bisa dibilang, kita sudah selesai membuat gamenya.
Tapi…
Masih banyak kekurangannya dan issues, seperti:
- Role player saat melewati batas layar, ia akan menghilang;
- Jumlah anak panah yang dimiliki player tak terbatas;
- Score belum ditampilkan saat permainan berlangsung;
- Source code masih berantakan kerena tidak menggunakan fungsi dan class.
- dll.
Selanjutnya silahkan kamu lengkapi kekurangannya.
Selamat belajar.
P.S: Tutorial ini dibuat ulang berdsarkan tutorial dari raywenderlich.com
Source: https://www.petanikode.com/pygame-untuk-pemula/
0 Response to "Python Game"
Post a Comment