【Pygame 第5课】 游戏中的运动

crossin先生

本来，在上一次pygame的教程中，我只是顺手拿了微信“打飞机”里的图来演示用鼠标控制图片位置的操作。后来觉得，这个游戏还算比较适合用来做例子，也有朋友反馈说想做这个游戏，那不如就以“打飞机”为例来说python游戏开发好了。

今天，就再进一步：既然要打飞机，那得能发射子弹才行。所以从最简单的做起，来给游戏加上“一颗”子弹。

上次的背景图和飞机图，我自己稍微处理了下，包括这一课要用到的子弹图片，都放在论坛上，需要的自行下载。

大体的思路是这样的：

• 用之前在屏幕上绘制飞机的方法，再绘制一张很小的子弹图片。补充一下：当你需要绘制一张带透明部分的图片时，要用convert_alpha()替代之前的convert()，具体用法参见代码中。
• 子弹被发射的位置是飞机的位置，也就是鼠标的位置。注意，要让它们的中心点对齐，而不是左上角对齐，处理方法我们已经说过。
• 让这个子弹往上运动。还记得我在第2课《游戏的本质》里面说的吗：在游戏主循环中，要处理物理运动。所以在程序中要做的就是，每次循环里，把子弹图片的y坐标减少一个量（因为屏幕左上角的坐标是(0,0)）。为了能记住子弹上一次循环中的位置，要有变量专门来记录子弹的坐标值。
• 当子弹移动到屏幕上方外部之后（y坐标小于0），再把它的位置重置回发射的位置。这样看上去就是又一颗子弹被发射出来了，尽管我们一直是在操作同一张图片。游戏中经常会使用到诸如此类的小技巧，来欺骗你的视觉，这也是我觉得开发游戏很有意思的一个地方，好像是在变魔术。
• 为了看起来更符合常理，你得把子弹的图片放在飞机的图片下面，这样看上去才会是从飞机上发射出去，而不是凭空冒出来的。在程序中，就是先绘制子弹，再绘制飞机，像是画油画，后画的会覆盖掉先画的。
• 我在一开始就将子弹的位置设到屏幕上方之外，这样它就会自动被循环内的条件判断给重置位置，而不需要我再额外手动去初始化它的位置。
  

理清了如上的思路之后，能不能搞定代码了？如果能的话，就先别往下看，试着在程序里写写看。

以下是我的实现代码：

1. # -*- coding: utf-8 -*-
   
2. import pygame
   
3. from sys import exit
   
4. pygame.init()
   
5. screen = pygame.display.set_mode((450, 800), 0, 32)
   
6. pygame.display.set_caption("Hello, World!")
   
7. background = pygame.image.load('back.jpg').convert()
   
8. plane = pygame.image.load('plane.png').convert_alpha()
   
9. bullet = pygame.image.load('bullet.png').convert_alpha()
   
10. #加载子弹图像
    
11. bullet_x = 0
    
12. bullet_y = -1
    
13. #初始化子弹位置
    
14. while True:
    
15.     for event in pygame.event.get():
    
16.         if event.type == pygame.QUIT:
    
17.             pygame.quit()
    
18.             exit()
    
19.     screen.blit(background, (0,0))
    
20.     x, y = pygame.mouse.get_pos()
    
21.     if bullet_y < 0:
    
22.         #如果子弹位置超出了屏幕上端
    
23.         bullet_x = x - bullet.get_width() / 2
    
24.         bullet_y = y - bullet.get_height() / 2
    
25.         #把子弹的中心位置设为鼠标坐标
    
26.     else:
    
27.         bullet_y -= 5
    
28.         #子弹的位置往上移
    
29.     screen.blit(bullet, (bullet_x, bullet_y))
    
30.     #把子弹画到屏幕上
    
31.     x-= plane.get_width() / 2
    
32.     y-= plane.get_height() / 2
    
33.     screen.blit(plane, (x, y))
    
34.     pygame.display.update()

复制代码

#==== Crossin的编程教室 ====#
微信ID：crossincode
论坛：http://crossin.me
QQ群：312723402

面向零基础初学者的编程课
每天5分钟，轻松学编程

crossin先生

补充一下：当你需要绘制一张带透明部分的图片时，要用convert_alpha()替代之前的convert()，具体用法参见代码中。

今天微信上推送的里面忘说了。

xiaotong125

支持，一直期待中

Myk_cc

在今天内容的基础上增加一行子弹。ps：两行子弹真霸气

1. # !/usr/bin/python
   
2. 
   
3. import pygame
   
4. from sys import exit
   
5. 
   
6. pygame.init()
   
7. screen = pygame.display.set_mode((450, 800), 0, 32)
   
8. pygame.display.set_caption("Hello, World!")
   
9. 
   
10. bullet = pygame.image.load('bullet.png').convert_alpha() #load bullet image
    
11. bullet1 = bullet
    
12. backgroud = pygame.image.load('back.jpg').convert()
    
13. plane = pygame.image.load('plane.png') #load plane image
    
14. 
    
15. bullet_x = 0
    
16. bullet_y = -1
    
17. bullet1_x = 0
    
18. bullet1_y = -1
    
19. running = True
    
20. 
    
21. while running:
    
22.    for event in pygame.event.get():
    
23.         if event.type == pygame.QUIT:
    
24.            pygame.quit()
    
25.            exit()
    
26.   screen.blit(backgroud, (0, 0))
    
27.   x, y = pygame.mouse.get_pos() # get the position of mouse
    
28.    if bullet_y < 0:
    
29.         bullet_x = x - bullet.get_width() / 2 - 23
    
30.       bullet_y = y - bullet.get_height() / 2
    
31.       bullet1_x = x - bullet.get_width() / 2 + 25
    
32.      bullet1_y = y - bullet.get_height() / 2
    
33. else:
    
34.        bullet_y -= 3
    
35.        bullet1_y -= 3
    
36.   plane_x = x - plane.get_width() / 2
    
37. plane_y = y - plane.get_height() / 2
    
38.     screen.blit(bullet, (bullet_x, bullet_y))
    
39.    screen.blit(bullet1, (bullet1_x, bullet1_y))
    
40.     screen.blit(plane, (plane_x, plane_y))
    
41.   pygame.display.update()

复制代码

crossin先生

Myk_cc 发表于 2013-8-27 22:34
在今天内容的基础上增加一行子弹。ps：两行子弹真霸气

香蕉哥哥

赞一个

lufo

不错，希望尽快把打飞机教程写完!

xiaotong125

支持

OrangeScript

1. # -*- coding: utf-8 -*-
   
2. import pygame
   
3. from sys import exit
   
4. pygame.init()
   
5. SCREEN_SIZE=(450,800)
   
6. screen = pygame.display.set_mode(SCREEN_SIZE,0,32)
   
7. pygame.display.set_caption("plane")
   
8. background=pygame.image.load('back.jpg').convert()
   
9. plane=pygame.image.load('plane.png').convert_alpha()
   
10. bullet=pygame.image.load('bullet.png').convert_alpha()
    
11. x=0
    
12. y=0
    
13. while True:
    
14.     for event in pygame.event.get():
    
15.         if event.type == pygame.QUIT:
    
16.             pygame.quit()
    
17.             exit()
    
18.     x,y=pygame.mouse.get_pos()
    
19.     bullet_x,bullet_y=pygame.mouse.get_pos()
    
20.     x-=plane.get_width()/2
    
21.     y-=plane.get_height()/2
    
22.     screen.blit(background,(0,0))
    
23.     screen.blit(plane,(x,y))
    
24.     bullet_x-=bullet.get_width()/2;
    
25.     bullet_y-=bullet.get_height()/2;
    
26.     while bullet_y>=0:
    
27.         screen.blit(bullet,(bullet_x,bullet_y))
    
28.         bullet_y=bullet_y-100;
    
29.         pygame.display.update()
    

复制代码

这样写可以吗？

crossin先生

OrangeScript 发表于 2013-8-28 14:53
这样写可以吗？

不太对哦
你运行试试

这样每次都会把子弹坐标设在鼠标位置上，然后。。。后面逻辑有点乱