用Python和Pygame写游戏-从入门到精通(6)
掌握了小小的像素,我们可以使用更加复杂一点的东西了,对,就是图像,无数的像素的集合~还记得上次我们为了生成的一张图片,花了无数时间,还好一般游戏不会在游戏的过程中动态生成图像,都是将画好的作为资源封装到游戏中。对2D游戏,图像可能就是一些背景、角色等,而3D游戏则往往是大量的贴图。
虽然是基础,这里还是要罗嗦一下,之前说的RBG图像,在游戏中我们往往使用RGBA图像,这个A是alpha,也就是表示透明度的部分,值也是0~255,0代表完全透明,255是完全不透明,而像100这样的数字,代表部分透明。你可以使用多种软件创建含有Alpha通道的图片,具体的网上查查吧……
这个世界上有很多存储图像的方式(也就是有很多图片格式),比如JPEG、PNG等,Pygmae都能很好的支持,具体支持的格式如下:
- JPEG(Join Photograhpic Exper Group),极为常用,一般后缀名为.jpg或者.jpeg。数码相机、网上的图片基本都是这种格式。这是一种有损压缩方式,尽管对图片质量有些损坏,但对于减小文件尺寸非常棒。优点很多只是不支持透明。
- PNG(Portable Network Graphics)将会大行其道的一种格式,支持透明,无损压缩。对于网页设计,软件界面设计等等都是非常棒的选择!
- GIF 网上使用的很多,支持透明和动画,只是只能有256种颜色,软件和游戏中使用很少
- BMP Windows上的标准图像格式,无压缩,质量很高但尺寸很大,一般不使用
- PCX
- TGA
- TIF
- LBM, PBM
- XPM
使用Surface对象
对于Pygame而已,加载图片就是pygame.image.load,给它一个文件名然后就还给你一个surface对象。尽管读入的图像格式各不相同,surface对象隐藏了这些不同。你可以对一个Surface对象进行涂画、变形、复制等各种操作。事实上,屏幕也只是一个surface,pygame.display.set_mode就返回了一个屏幕surface对象。
创建Surfaces对象
一种方法就是刚刚说的pygame.image.load,这个surface有着和图像相同的尺寸和颜色;另外一种方法是指定尺寸创建一个空的surface,下面的语句创建一个256×256像素的surface:
1 www#gaodaima.com来源gao@!dai!ma.com搞$$代^@码!网搞代码 |
bland_surface <span>=</span> pygame.<span style="color: black">Surface</span><span style="color: black">(</span><span style="color: black">(</span><span>256</span><span>,</span> <span>256</span><span style="color: black">)</span><span style="color: black">)</span> |
如果不指定尺寸,那么就创建一个和屏幕一样大小的。
你还有两个参数可选,第一个是flags:
- HWSURFACE – 类似于前面讲的,更快!不过最好不设定,Pygmae可以自己优化。
- SRCALPHA – 有Alpha通道的surface,如果你需要透明,就要这个选项。这个选项的使用需要第二个参数为32~
第二个参数是depth,和pygame.display.set_mode中的一样,你可以不设定,Pygame会自动设的和display一致。不过如果你使用了SRCALPHA,还是设为32吧:
1 |
bland_alpha_surface <span>=</span> pygame.<span style="color: black">Surface</span><span style="color: black">(</span><span style="color: black">(</span><span>256</span><span>,</span> <span>256</span><span style="color: black">)</span><span>,</span> flags<span>=</span>SRCALPHA<span>,</span> depth<span>=</span><span>32</span><span style="color: black">)</span> |
转换Surfaces
通常你不用在意surface里的具体内容,不过也许需要把这些surface转换一下以获得更高的性能,还记得一开始的程序中的两句话吗:
1 2 |
background <span>=</span> pygame.<span style="color: black">image</span>.<span style="color: black">load</span><span style="color: black">(</span>background_image_filename<span style="color: black">)</span>.<span style="color: black">convert</span><span style="color: black">(</span><span style="color: black">)</span> mouse_cursor <span>=</span> pygame.<span style="color: black">image</span>.<span style="color: black">load</span><span style="color: black">(</span>mouse_image_filename<span style="color: black">)</span>.<span style="color: black">convert_alpha</span><span style="color: black">(</span><span style="color: black">)</span> |
第一句是普通的转换,相同于display;第二句是带alpha通道的转换。如果你给convert或者conver_alpha一个surface对象作为参数,那么这个会被作为目标来转换。
矩形对象(Rectangle Objects)
一般来说在制定一个区域的时候,矩形是必须的,比如在屏幕的一部分画东西。在pygame中矩形对象极为常用,它的指定方法可以用一个四元素的元组,或者两个二元素的元组,前两个数为左上坐标,后两位为右下坐标。
Pygame中有一个Rect类,用来存储和处理矩形对象(包含在pygame.locals中,所以如果你写了from pygame.locals import *就可以直接用这个对象了),比如:
1 2 3 4 5 |
my_rect1 <span>=</span> <span style="color: black">(</span><span>100</span><span>,</span> <span>100</span><span>,</span> <span>200</span><span>,</span> <span>150</span><span style="color: black">)</span> my_rect2 <span>=</span> <span style="color: black">(</span><span style="color: black">(</span><span>100</span><span>,</span> <span>100</span><span style="color: black">)</span><span>,</span> <span style="color: black">(</span><span>200</span><span>,</span> <span>150</span><span style="color: black">)</span><span style="color: black">)</span> <span>#上两种为基础方法,表示的矩形也是一样的</span> my_rect3 <span>=</span> Rect<span style="color: black">(</span><span>100</span><span>,</span> <span>100</span><span>,</span> <span>200</span><span>,</span> <span>150</span><span style="color: black">)</span> my_rect4 <span>=</span> Rect<span style="color: black">(</span><span style="color: black">(</span><span>100</span><span>,</span> <span>100</span><span style="color: black">)</span><span>,</span> <span style="color: black">(</span><span>200</span><span>,</span> <span>150</span><span style="color: black">)</span><span style="color: black">)</span> |
一旦有了Rect对象,我们就可以对其做很多操作,比如调整位置和大小,判断一个点是否在其中等等。以后会慢慢接触到,求知欲旺盛的可以在http://www.pygame.org/docs/ref/rect.html中找到Rect的详细信息。
剪裁(Clipping)
通常游戏的时候你只需要绘制屏幕的一部分。比如魔兽上面是菜单,下面是操作面板,中间的小兵和英雄打的不可开交时候,上下的部分也是保持相对不动的。为了实现这一点,surface就有了一种叫裁剪区域(clipping area)的东西,也是一个矩形,定义了哪部分会被绘制,也就是说一旦定义了这个区域,那么只有这个区域内的像素会被修改,其他的位置保持不变,默认情况下,这个区域是所有地方。我们可以使用set_clip来设定,使用get_clip来获得这个区域。
下面几句话演示了如何使用这个技术来绘制不同的区域:
1 2 3 4 5 6 |
screen.<span style="color: black">set_clip</span><span style="color: black">(</span><span>0</span><span>,</span> <span>400</span><span>,</span> <span>200</span><span>,</span> <span>600</span><span style="color: black">)</span> draw_map<span style="color: black">(</span><span style="color: black">)</span> <span>#在左下角画地图</span> screen.<span style="color: black">set_clip</span><span style="color: black">(</span><span>0</span><span>,</span> <span>0</span><span>,</span> <span>800</span><span>,</span> <span>60</span><span style="color: black">)</span> draw_panel<span style="color: black">(</span><span style="color: black">)</span> <span>#在上方画菜单面板</span> |
子表面(Subsurfaces)
Subsurface就是在一个Surface中再提取一个Surface,记住当你往Subsurface上画东西的时候,同时也向父表面上操作。这可以用来绘制图形文字,尽管pygame.font可以用来写很不错的字,但只是单色,游戏可能需要更丰富的表现,这时候你可以把每个字母(中文的话有些吃力了)各自做成一个图片,不过更好的方法是在一张图片上画满所有的字母。把整张图读入,然后再用Subsurface把字母一个一个“抠”出来,就像下面这样:
1 2 3 4 |
my_font_image <span>=</span> Pygame.<span style="color: black">load</span><span style="color: black">(</span><span>"font.png"</span><span style="color: black">)</span> letters <span>=</span> <span style="color: black">[</span><span style="color: black">]</span> letters<span style="color: black">[</span><span>"a"</span><span style="color: black">]</span> <span>=</span> my_font_image.<span style="color: black">subsurface</span><span style="color: black">(</span><span style="color: black">(</span><span>0</span><span>,</span><span>0</span><span style="color: black">)</span><span>,</span> <span style="color: black">(</span><span>80</span><span>,</span><span>80</span><span style="color: black">)</span><span style="color: black">)</span> letters<span style="color: black">[</span><span>"b"</span><span style="color: black">]</span> <span>=</span> my_font_image.<span style="color: black">subsurface</span><span style="color: black">(</span><span style="color: black">(</span><span>80</span><span>,</span><span>0</span><span style="color: black">)</span><span>,</span> <span style="color: black">(</span><span>80</span><span>,</span><span>80</span><span style="color: black">)</span><span style="color: black">)</span> |
填充Surface
填充有时候可以作为一种清屏的操作,把整个surface填上一种颜色:
1 |
screen.<span style="color: black">fill</span><span style="color: black">(</span><span style="color: black">(</span><span>0</span><span>,</span> <span>0</span><span>,</span> <span>0</span><span style="color: black">)</span><span style="color: black">)</span> |
同样可以提供一个矩形来制定填充哪个部分(这也可以作为一种画矩形的方法)。
设置Surface的像素
我们能对Surface做的最基本的操作就是设置一个像素的色彩了,虽然我们基本不会这么做,但还是要了解。set_at方法可以做到这一点,它的参数是坐标和颜色,下面的小脚本会随机的在屏幕上画点:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<span>import</span> pygame <span>from</span> pygame.<span>locals</span> <span>import</span> * <span>from</span> <span>sys</span> <span>import</span> exit <span>from</span> <span>random</span> <span>import</span> randint pygame.<span style="color: black">init</span><span style="color: black">(</span><span style="color: black">)</span> screen <span>=</span> pygame.<span style="color: black">display</span>.<span style="color: black">set_mode</span><span style="color: black">(</span><span style="color: black">(</span><span>640</span><span>,</span> <span>480</span><span style="color: black">)</span><span>,</span> <span>0</span><span>,</span> <span>32</span><span style="color: black">)</span> <span>while</span> <span>True</span>: <span>for</span> event <span>in</span> pygame.<span style="color: black">event</span>.<span style="color: black">get</span><span style="color: black">(</span><span style="color: black">)</span>: <span>if</span> event.<span>type</span> <span>==</span> QUIT: exit<span style="color: black">(</span><span style="color: black">)</span> rand_col <span>=</span> <span style="color: black">(</span>randint<span style="color: black">(</span><span>0</span><span>,</span> <span>255</span><span style="color: black">)</span><span>,</span> randint<span style="color: black">(</span><span>0</span><span>,</span> <span>255</span><span style="color: black">)</span><span>,</span> randint<span style="color: black">(</span><span>0</span><span>,</span> <span>255</span><span style="color: black">)</span><span style="color: black">)</span> <span>#screen.lock() #很快你就会知道这两句lock和unlock的意思了</span> <span>for</span> _ <span>in</span> <span>xrange</span><span style="color: black">(</span><span>100</span><span style="color: black">)</span>: rand_pos <span>=</span> <span style="color: black">(</span>randint<span style="color: black">(</span><span>0</span><span>,</span> <span>639</span><span style="color: black">)</span><span>,</span> randint<span style="color: black">(</span><span>0</span><span>,</span> <span>479</span><span style="color: black">)</span><span style="color: black">)</span> screen.<span style="color: black">set_at</span><span style="color: black">(</span>rand_pos<span>,</span> rand_col<span style="color: black">)</span> <span>#screen.unlock()</span> pygame.<span style="color: black">display</span>.<span style="color: black">update</span><span style="color: black">(</span><span style="color: black">)</span> |
获得Surface上的像素
set_at的兄弟get_at可以帮我们做这件事,它接受一个坐标返回指定坐标点上的颜色。不过记住get_at在对hardware surface操作的时候很慢,而全屏的时候总是hardware的,所以慎用这个方法!
锁定Surface
当Pygame往surface上画东西的时候,首先会把surface锁住,以保证不会有其它的进程来干扰,画完之后再解锁。锁和解锁时自动发生的,所以有时候可能不那么有效率,比如上面的例子,每次画100个点,那么就得锁解锁100次,现在我们把两句注释去掉,再执行看看是不是更快了(好吧,其实我没感觉出来,因为现在的机器性能都不错,这么点的差异还不太感觉的出来。不过请相信我~复杂的情况下会影响效率的)?
当你手动加锁的时候,一定不要忘记解锁,否则pygame有可能会失去响应。虽然上面的例子可能没问题,但是隐含的bug是我们一定要避免的事情。
Blitting
blit的的中文翻译给人摸不着头脑的感觉,可以译为位块传送(bit block transfer),其意义是将一个平面的一部分或全部图象整块从这个平面复制到另一个平面,下面还是直接使用英文。
blit是对表面做的最多的操作,我们在前面的程序中已经多次用到,不多说了;blit的还有一种用法,往往用在对动画的表现上,比如下例通过对frame_no的值的改变,我们可以把不同的帧(同一副图的不同位置)画到屏幕上:
1 |
screen.<span style="color: black">blit</span><span style="color: black">(</span>ogre<span>,</span> <span style="color: black">(</span><span>300</span><span>,</span> <span>200</span><span style="color: black">)</span><span>,</span> <span style="color: black">(</span><span>100</span> * frame_no<span>,</span> <span>0</span><span>,</span> <span>100</span><span>,</span> <span>100</span><span style="color: black">)</span><span style="color: black">)</span> |
这次东西真是不少,打完脖子都酸了……
很多以前的程序中已经出现,看完这部分才能算是真正了解。图像是游戏至关重要的一部分,值得多花时间,下一次讲解绘制图形~
来源:搞代码网:原文地址:https://www.gaodaima.com