Membuat imitasi game 1980 dengan PyGame

1. Membuat Game Shooting dengan
PyGame
Pemberdayaan Open Source Software
Sabtu, 20 September 2014
Gedung Ilmu Komputer, FPMIPA, UPI

2. Pendahuluan
● Dalam pelatihan ini akan dipelajari teknik dasar dalam mengembangkan game
● Alat yang dibutuhkan antara lain Python, Text Editor, PyGame, GIMP
● Anda cukup memahami algoritma dan pemrograman sebagai pijakan untuk
mulai mengembangkan game
● Kita akan membuat sebuah game versi sederhana dari game yang berjudul
1980
● Sebuah pesawat player akan menembaki UFO yang berdatangan
● Waktu yang diberikan untuk bermain sekitar 60 detik
● Raih skor setinggi mungkin dalam waktu sempit tersebut
Membuat Game Shooting dengan PyGame. POSS UPI 2014

3. Instalasi PyGame
● sudo apt-get install python-pygame
● pip install pygame
● Instalasi melalui source code PyGame
Membuat Game Shooting dengan PyGame. POSS UPI 2014

4. Aset Game
● Aset game yang digunakan didapat dari SpriteLib dan FreeSFX
● Aset untuk pelatihan silahkan copy dari pemateri
Membuat Game Shooting dengan PyGame. POSS UPI 2014

5. Mulai Coding
● Siapkan Teks Editor favorit kamu :D
● Buatlah struktur folder dan file seperti ini
● Copy file aset yang sudah disediakan ke masing – masing folder
● Kode game yang akan kita buat berada di main.py
Membuat Game Shooting dengan PyGame. POSS UPI 2014

6. Import Module yang Dibutuhkan
from pygame import *
from pygame.sprite import *
from random import *
from os import *
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Membuat Game Shooting dengan PyGame. POSS UPI 2014

7. Membuat Class Bullet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
class Bullet(sprite.Sprite):
def __init__(self, source):
Sprite.__init__(self)
try:
self.image = image.load('assets/sprite/bullet.png').convert()
except:
raise UserWarning, "could not load or play soundfiles in 'data' folder :-("
self.rect = self.image.get_rect()
self.speed = 6.625
self.source = source
self.target = None
print "bullet source: ", source
print "bullet created at position: ", self.rect.center
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Membuat Game Shooting dengan PyGame. POSS UPI 2014

8. Membuat Class Bullet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
def update(self):
self.rect.centery -= self.speed
if self.rect.centery <= 0-self.rect.height:
sprite.Sprite.kill(self)
print "bullet removed.."
for enemy in enemies:
print enemy.hitted
temp_hitted = enemy.hitted
if sprite.collide_rect(self, enemy):
temp_hitted = temp_hitted + 1
print "bullet collide with enemy from bullet"
enemy.hitted = temp_hitted
sprite.Sprite.kill(self)
else:
print "no collision bullet"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Membuat Game Shooting dengan PyGame. POSS UPI 2014

9. Penjelasan Class Bullet
● Sebuah sprite harus mewarisi class Sprite milik PyGame
● Image.load().convert() adalah sebuah proses pembacaan aset gambar untuk
digunakan di game
● Image.get_rect() adalah mengambil posisi tengah dari sprite secara otomatis
● Sebuah sprite minimal mempunyai method __init__ dan update()
● Bullet mempunyai atribut speed, source, dan , target
● Di dalam update(), jika Bullet sudah melewati area game maka Bullet dihapus
● Di dalam update(), terdapat proses pemeriksaan setiap unit Enemy apakah
terkena oleh Bullet atau tidak. Jika terkena oleh Bullet maka akan ditandai
dengan hitted. Bullet yang bertabrakan dengan Enemy tersebut akan dihapus
Membuat Game Shooting dengan PyGame. POSS UPI 2014

10. Membuat Class Player
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
class Player(sprite.Sprite):
def __init__(self, screen):
Sprite.__init__(self)
try:
self.image = image.load('assets/sprite/player.gif').convert()
self.shoot_sfx = pygame.mixer.Sound('assets/sfx/shoot.ogg')
self.fail_sfx = pygame.mixer.Sound('assets/sfx/fail.ogg')
except:
raise UserWarning, "could not load or play soundfiles in 'data' folder :-("
self.rect = self.image.get_rect()
self.speed = 5.52
self.shoot_delay = 10
self.shoot_timer = 0
self.bullet_group = sprite.Group()
self.screen = screen
print "player created at position: ", self.rect.center
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Membuat Game Shooting dengan PyGame. POSS UPI 2014

11. Membuat Class Player
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
def get_user_control(self):
key_pressed = key.get_pressed()
if key_pressed[K_UP]:
print "UP"
self.rect.centery -= self.speed
elif key_pressed[K_DOWN]:
print "DOWN"
self.rect.centery += self.speed
elif key_pressed[K_LEFT]:
print "LEFT"
self.rect.centerx -= self.speed
elif key_pressed[K_RIGHT]:
print "RIGHT"
self.rect.centerx += self.speed
if key_pressed[K_SPACE]:
if self.shoot_timer == self.shoot_delay:
temp_bullet = Bullet("player")
temp_bullet.rect.center = (self.rect.center)
self.bullet_group.add(temp_bullet)
self.shoot_sfx.play()
self.shoot_timer = 0
else:
self.shoot_timer += 1
def update(self):
self.get_user_control()
self.bullet_group.update()
self.bullet_group.draw(self.screen)
Membuat Game Shooting dengan PyGame. POSS UPI 2014

12. Penjelasan Class Player
● Sebuah sprite harus mewarisi class Sprite milik PyGame
● Image.load().convert() adalah sebuah proses pembacaan aset gambar untuk
digunakan di game
● Pygame.mixer.Sound() digunakan untuk membaca aset audio dan
mengintegrasikannya dengan game
● Image.get_rect() adalah mengambil posisi tengah dari sprite secara otomatis
● Sebuah sprite minimal mempunyai method __init__ dan update(), tapi Player
memiliki method lain yang bernama get_user_control()
● Method get_user_control() digunakan untuk mendeteksi tombol keyboard
panah (atas, bawah, kiri, kanan) dan spasi (untuk menembak)
● Player memiliki atribut speed, shoot_delay, shoot_timer, bullet_group, dan
screen
● Tombol keyboard yang ditekan dideteksi dengan menggunakan
key.get_pressed()
● Saat menembakkan peluru, Player akan mendapat delay sesuai dengan
shoot_delay
Membuat Game Shooting dengan PyGame. POSS UPI 2014

13. Membuat Class Enemy
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
class Enemy (sprite.Sprite):
def __init__(self, type=1):
Sprite.__init__(self)
try:
self.bomb_sfx = pygame.mixer.Sound('assets/sfx/bomb.ogg')
self.spring_sfx = pygame.mixer.Sound('assets/sfx/spring.ogg')
self.wormhole_sfx = pygame.mixer.Sound('assets/sfx/wormhole.ogg')
if type == 2:
self.image = image.load('assets/sprite/enemy.png').convert()
else:
self.image = image.load('assets/sprite/ufo.png')
except:
raise UserWarning, "could not load or play soundfiles in 'data' folder :-("
self.hitted = 0
self.point = 0
self.rect = self.image.get_rect()
self.speed = 2.25
self.rect.center = (randint(40, 600), randint(0, 10))
self.wormhole_sfx.play()
print "enemy created at position: ", self.rect.center
Membuat Game Shooting dengan PyGame. POSS UPI 2014

14. Membuat Class Enemy
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
def update(self):
self.rect.centery += self.speed
if self.rect.centery >= 700 + self.rect.height:
self.reset_position()
if self.hitted > 5:
self.reset_position()
temp = self.point
self.point = temp + 1
self.hitted = 0
def reset_position(self):
self.rect.center = (randint(40, 600), randint(0, 50))
self.wormhole_sfx.play()
Membuat Game Shooting dengan PyGame. POSS UPI 2014

15. Penjelasan Class Enemy
● Method reset_position() digunakan untuk melakukan proses spawn Enemy
secara random
● Player memiliki atribut speed, point, rect, hitted
● Jika sudah melewati layar, maka Enemy akan melakukan proses spawn
secara random
● Jika Enemy sudah kehabisan darah karena ditembaki Player (dimana darah
bernilai 5 poin) maka Enemy akan melakukan proses spawn
● Setiap Enemy yang dikalahkan akan bernilai 1 poin
Membuat Game Shooting dengan PyGame. POSS UPI 2014

16. Membuat Variabel untuk Game
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# bagian utama game
init()
# menciptakan latar dari game
screen = display.set_mode((640, 700))
display.set_caption('World War Ufo')
background_1 = image.load('assets/bg/ocean.gif').convert()
background_2 = image.load('assets/bg/ocean.gif').convert()
# memuat semua asset yang diperlukan untuk game
clock = time.Clock()
myFont = pygame.font.SysFont("Comic Sans MS", 30)
try:
music = pygame.mixer.music.load('assets/sfx/an-turr.ogg')
except:
raise UserWarning, "could not load or play soundfiles in 'data' folder :-("
mixer.music.play(-1)
# menciptakan variabel global untuk game
keepGoing = True
bg_1_y = -1440
bg_2_y = 0
score = 0
time_buffer = 0.0
Membuat Game Shooting dengan PyGame. POSS UPI 2014

17. Membuat Variabel untuk Game
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# menciptakan objek - objek yang akan tampil di game
player = Player(screen)
player.rect.center = (320, 650)
enemies = []
for i in range(0, 3):
enemies.append(Enemy(1))
all_sprites = sprite.Group(player, enemies)
def getScore(enemies):
score = 0
for enemy in enemies:
score = score + enemy.point
return score
Membuat Game Shooting dengan PyGame. POSS UPI 2014

18. Membuat Game Loop
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# game loop
while keepGoing:
clock.tick(45)
# menampilkan latar game yang berupa lautan
screen.blit(background_1, (0, bg_1_y))
screen.blit(background_2, (0, bg_2_y))
# nampilin score
score = "SCORE: %d" %( getScore(enemies) )
score_txt = myFont.render(score, 1, (255, 255, 0))
screen.blit(score_txt, (50, 10))
score = 0
Membuat Game Shooting dengan PyGame. POSS UPI 2014

19. Membuat Game Loop
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
if time_buffer < 60:
# menangkap respon yang diberikan oleh gamer
evt = event.poll()
if evt.type == QUIT:
quit()
break
# menggambar semua sprite di game
all_sprites.draw(screen)
all_sprites.update()
# mengupdate waktu permainan
time_temp = (round(time_buffer))
time_remain_txt = myFont.render("TIME: %d" % time_buffer, True, (255, 128, 50))
screen.blit(time_remain_txt, (450, 10))
time_buffer += 0.021
print time_buffer
elif time_buffer >= 60.0:
# mengecek akhir permainan
game_over_txt = myFont.render("GAME OVER", True, (255, 0, 0))
screen.blit(game_over_txt, (250, 300))
Membuat Game Shooting dengan PyGame. POSS UPI 2014

20. Membuat Game Loop
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
display.flip()
# menggerakkan latar game (lautan yang seolah - olah bergerak)
bg_1_y += 0.5
bg_2_y += 0.5
if bg_1_y >= 1440:
bg_1_y = -1440
if bg_2_y >= 1440:
bg_2_y = -1440
Membuat Game Shooting dengan PyGame. POSS UPI 2014

21. Jalankan Gamenya :D !
● Masuk ke dalam direktori game yang sedang kita bangun
● Jalankan game tersebut dengan python main.py
Membuat Game Shooting dengan PyGame. POSS UPI 2014

22. Ada pertanyaan :D ?
Membuat Game Shooting dengan PyGame. POSS UPI 2014

23. Kesimpulan
● Mengenal dan mencicipi PyGame
● Memahami cara membuat game loop
● Memahami cara membuat teks di dalam game
● Memahami cara mengintegrasikan audio ke dalam game
● Memahami cara membuat sprite dalam berupa class
● Memahami collision detection
● Mengetahui teknik side scrolling
● Mengetahui teknik spawn
● Mengetahui cara untuk membuat kondisi agar game berjalan
● Mengetahui cara untuk mengakhiri sebuah game
Membuat Game Shooting dengan PyGame. POSS UPI 2014