青少年Python进阶(6.创建角色)

梁老师
梁老师 北京小升初老师~

0 人点赞了该文章 · 54 浏览





创建角色

    

    上节课我们已经完成了游戏的主窗口,下面我们开始创建一个游戏的角色。

    创建游戏角色最简单的思路就是找一个游戏角色的图片,然后把它加载到我们的游戏主窗口中,加载游戏的图片使用pygame.image.load方法,这句代从英文字面来看很好理解啊,image就是图片的意思,load是读取,那么这句代码翻译过来就是读取图片,我们可以把读取到的图片存放在变量里,给这个变量起名就叫image,代码如下:

image = pygame.image.load("image/eason1.png")

    同学们已经发现了,这句代码里面的“image/eason1.png”,我们需要读取的图片就是eason1.png,存放到项目文件夹下的image文件夹里。所以我们还需要在“EasonRun”文件夹下面新建一个“image”文件夹,这个文件夹是用来存放我们做有需要的图片的。

   接下来我们要准备一个主角的图片,eason1.png。老师简单说一下这个图片的制作过程:

1、   用手机或数码相机拍摄一张玩具的图片,比如老师用的这个乐高幻影忍者的玩具:

图片



2、   打开PS(photoshop)软件,用“磁性套索工具”和“魔棒选取工具”将背景颜色去掉。

图片

图片



3、   在ps菜单:图像->图像大小中,将图片改成100*66的大小.

图片

图片



4、   将图片另存为png格式的图片,名字叫“eason1”,保存在image文件夹下面:

图片

    这样一个透明的角色图片就做成了。如果同学们对PS软件不是很熟悉,可以找家长或者会使用PS的朋友帮忙。

现在我们的整体代码是下图这个样子:

图片



    那么我们读取图片以后要放在我们游戏的窗口中,放在哪个位置呢?这就涉及到坐标了,大家还记得我们游戏的主窗口的分辨率是多少吗?对,小明说的对,是640*480,就是说整个游戏的主窗口是640像素宽,480像素高,这个窗口以左上角为0点,坐标是0,0;每次往右移动一个像素,坐标的第一个数加1,就是1,0;往右移动到游戏窗口的最右端就是640,0;那么同理可证,往下移动一个像素,坐标的第二个数值加1,往下到游戏主窗口的最下面就是0,480;那么右下角为终点,坐标就是640,480;就像我们玩过的围棋的棋盘,不过围棋的棋盘是19*19;

    我们在程序代码里设置变量eason_x为横轴坐标,变量eason_y为纵轴坐标。先把eason_xeason_y都设置成0;那么现在的整体代码如下:

图片

    

    接下来我们把图片绘制到游戏窗口中,在while循环里的pygame.display.update()这一句上面添加一行:

screen.blit(image, (eason_x, eason_y))
  这里的blit单词在这里可以理解为传送对象到屏幕上,而且为了保证这个对象始终存在,我们必须在while循环里添加这段代码,要不它就一闪而过了。

    blit方法里面有两个参数,第一个是我们读取的图片变量image,也就是需要传送进来的对象,第二个参数是一个元组,就是这个图片的坐标:eason_x和eason_y,我们当前设置的eason_x和eason_y的值都是0,所以这段代码的意思就是把image变量传送到游戏主窗口的0,0坐标位置上。那么整体的代码像下面这样:

图片

好的,代码完成了,我们点击运行看看效果吧:

图片

现在我们看到已经把eason的图片加载到我们的游戏窗口里了。

    好,今天课程的主要内容就讲到这里了。虽然内容不是很多,但是你们的作业难度不小。大家放学回家除了将这堂课讲的代码写在自己的项目里之外,还需要自己制作一张游戏主角的图片。本堂课的完整代码也可以在gitee仓库中下载,对应的是“eason_class002.py”文件。如果大家实在做不出来角色的图片,也可以使用老师的,eason的角色图片对应gitee仓库中image文件夹中的“eason1.png”文件,仓库地址:

https://gitee.com/smallstepser/EasonRun/tree/master

    嗯,李雷,你举手是有什么问题么?你是想说老师的pycharm的代码样子不好看,想换一个醒目一点的代码样式是吗?可以啊,那我们来更换一下pycharm的主题,老师做一遍更换主题的流程,大家参考的做一下:

1、   点击pycharm左上角的文件菜单,然后点击设置:

图片



2、   在设置页面中,我们依次点击编辑器->配色方案,在配色方案页面的右侧,我们可以看到现在的方案是“WarmNeon”:

图片



3、   点开方案的下拉菜单,我们可以看到有好几种备选的方案,老师把现在的配色方案换成“Monokai”样式:

图片



4、   更改完成后,我们现在的代码就变成下面的样式了,大家看看这回是不是醒目多了:

图片



    好,除了配色方案,我们还可以在设置中调整其它设置比如:字体大小、代码样式、实时模板等。不过一定要记住调整了哪里,否则调整乱套了想改回来就很困难了啊。



 

 

图片


添加 家长论坛微信 



发布于 2024-04-25 10:47

免责声明:

本文由 梁老师 原创发布于 家长帮 ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

暂无评论

All Rights Reserved Powered BY WeCenter V4.1.0 © 2026 京ICP备20005761号-2