请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

Crossin的编程教室

 找回密码
 立即加入
查看: 61301|回复: 60

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

[复制链接]

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2013-8-27 21:36:08 |显示全部楼层
本来,在上一次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()
复制代码
5-2.png


5-1.png


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

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




back.jpg
bullet.png
plane.png
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2013-8-27 21:42:43 |显示全部楼层
补充一下:当你需要绘制一张带透明部分的图片时,要用convert_alpha()替代之前的convert(),具体用法参见代码中。


今天微信上推送的里面忘说了。
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

56

积分

注册会员

Rank: 2

发表于 2013-8-27 21:50:07 |显示全部楼层

回帖奖励 +3

支持,一直期待中
回复

使用道具 举报

0

主题

0

好友

84

积分

注册会员

Rank: 2

发表于 2013-8-27 22:34:20 |显示全部楼层
在今天内容的基础上增加一行子弹。ps:两行子弹真霸气
  1. # !/usr/bin/python

  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. bullet = pygame.image.load('bullet.png').convert_alpha() #load bullet image
  8. bullet1 = bullet
  9. backgroud = pygame.image.load('back.jpg').convert()
  10. plane = pygame.image.load('plane.png') #load plane image

  11. bullet_x = 0
  12. bullet_y = -1
  13. bullet1_x = 0
  14. bullet1_y = -1
  15. running = True

  16. while running:
  17.    for event in pygame.event.get():
  18.         if event.type == pygame.QUIT:
  19.            pygame.quit()
  20.            exit()
  21.   screen.blit(backgroud, (0, 0))
  22.   x, y = pygame.mouse.get_pos() # get the position of mouse
  23.    if bullet_y < 0:
  24.         bullet_x = x - bullet.get_width() / 2 - 23
  25.       bullet_y = y - bullet.get_height() / 2
  26.       bullet1_x = x - bullet.get_width() / 2 + 25
  27.      bullet1_y = y - bullet.get_height() / 2
  28. else:
  29.        bullet_y -= 3
  30.        bullet1_y -= 3
  31.   plane_x = x - plane.get_width() / 2
  32. plane_y = y - plane.get_height() / 2
  33.     screen.blit(bullet, (bullet_x, bullet_y))
  34.    screen.blit(bullet1, (bullet1_x, bullet1_y))
  35.     screen.blit(plane, (plane_x, plane_y))
  36.   pygame.display.update()
复制代码
2013-08-27 22:30:56的屏幕截图.png
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2013-8-27 23:47:44 |显示全部楼层
Myk_cc 发表于 2013-8-27 22:34
在今天内容的基础上增加一行子弹。ps:两行子弹真霸气

#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

16

积分

新手上路

Rank: 1

发表于 2013-8-28 09:43:16 |显示全部楼层
赞一个
回复

使用道具 举报

0

主题

0

好友

26

积分

新手上路

Rank: 1

发表于 2013-8-28 10:05:02 |显示全部楼层
不错,希望尽快把打飞机教程写完!
回复

使用道具 举报

0

主题

0

好友

56

积分

注册会员

Rank: 2

发表于 2013-8-28 14:30:36 |显示全部楼层
支持
回复

使用道具 举报

1

主题

0

好友

15

积分

新手上路

Rank: 1

发表于 2013-8-28 14:53:51 |显示全部楼层
本帖最后由 OrangeScript 于 2013-8-28 14:57 编辑
  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()
复制代码
这样写可以吗?
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2013-8-28 20:24:16 |显示全部楼层
OrangeScript 发表于 2013-8-28 14:53
这样写可以吗?

不太对哦
你运行试试

这样每次都会把子弹坐标设在鼠标位置上,然后。。。后面逻辑有点乱
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入

QQ|手机版|Archiver|Crossin的编程教室 ( 苏ICP备15063769号  

GMT+8, 2024-6-15 23:13 , Processed in 0.020406 second(s), 27 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部