pygame实现时钟效果

第pygame实现时钟效果用pygame做一个时钟，供大家参考，具体内容如下

刚刚学习pygame，由于基础实在太差，每个例子都要反复写逐句研究才能基本弄懂，这次做一个简单的有时针、分针、秒针，能正确行走的表。。。例子不难，但是还是能掌握一些基本的知识点，比如xy坐标的计算，画圆，文字处理等。小白如我可以借鉴下，我认为学习还是以逻辑为主，所以我尽量还原初学时候的逻辑步骤，不啰嗦了，开整！

这次我们用到的主要是pygame，math，datetime几个库，datetime.today()可以获取当前时间，math.sin()和math.cos()用于计算表针的坐标。用到的方法主要是pygame.draw.circle()画圆，和pygame.draw.line()画线

先把pygame初始化，再弄个窗口出来，准备工作做好

importmath,pygame

frompygame.localsimport*

fromdatetimeimportdatetime,date,time

pygame.init()

screen=pygame.display.set_mode((600,600))

pygame.display.set_caption("Clock")

然后画个圆当表盘，这样就需要确定位置和半径

pos_x=300

pos_y=300

radius=250

考虑到区分三个表针的颜色，先设置好四种颜色

white=255,255,255

red=240,0,0

green=0,240,0

blue=0,0,240

计算表针的坐标，需要用到角度，所以先把角度设好

hour_angle=0

minute_angle=0

second_angle=0

写数字需要用到文字处理，把文字样式设置一下

font=pygame.font.Font(None,24)

最后还要写两个方法一个是输出文字的，一个是规范角度的。这俩以后都经常用

#abs（）是取绝对值，%运算符号很有意思，效果是360取余数，保证了角度在360以内

defwrap_angle(angle):

returnabs(angle%360)

#把打印文字的步骤封装在一个方法里，每次方便调用，简化代码

defprint_text(font,x,y,text,color):

imgText=font.render(text,True,color)

screen.blit(imgText,(x,y))

好了，准备工作做完了，我们来写循环

whileTrue:

foreventinpygame.event.get():

ifevent.type==QUIT:

exit()

keys=pygame.key.get_pressed()

ifkeys[K_ESCAPE]:

exit()

这一段都是常规格式了，不解释了，就是让窗口能关掉。

然后把背景涂上一个颜色，不止一个人说我审美有问题了，所以我随便选了个颜色，我都觉得有点丑

screen.fill((131,139,139))

我们先画一个表盘

#画表盘

pygame.draw.circle(screen,white,(pos_x,pos_y),radius,2)

在表盘上写数字

#写表盘数字

forninrange(1,13):

#一共12个数字，平均分到一个圆内每两个数字之间的角度为360/12

x=math.cos(math.radians(angle))*(radius-10)-5

y=math.sin(math.radians(angle))*(radius-10)-7

print_text(font,pos_x+x,pos_y+y,str(n),white)

这里说道说道几个常用函数和概念，防止以后时间长了自己都忘

range（x,y）

作用是从x开始到y结束，但不包括y，所以range(1,13)就是从1到12，如果x不填，则默认从0开始

math.randians(angle)、math.sin()、math.cos()

这里比较绕了，要遍历一个圆周，我们需要三个参数，圆心坐标（pos_x,pos_y），半径（radius），和角度（angle），然后通过三角函数里的正弦和余弦两个函数乘以半径，计算出每个点的坐标（x,y）,而正弦和余弦函数需要的参数是弧度，所以需要用math.randians(angle)将角度转化成弧度

问题来了，为啥正弦余弦乘以半径可以得出圆周上点的坐标呢？

给个图自己看，很简单

想象一下A点是圆心，B点是圆周上的点，AB是圆的半径，那么B点的x坐标就是cosA乘以AB，y坐标就是sinA乘以AB

计算x,y坐标时候-5-7又是为啥呢？

因为pygame里画模型的时候，坐标是模型的左上角并不是模型的中心点，无论图片还是文字还是其他什么都是这样，所以需要减掉几个像素，使模型出现在正确的位置，不然会往右下偏，这点以后要经常用到

目前为止，表盘画好了，是这个样子的

开始画表针

我们首先拿到当前的时间

#获取时间

time=datetime.today()

hour=time.hour%12

minute=time.minute

second=time.second

画秒针

#画秒针

second_angle=wrap_angle(second*(360/60)-90)#秒针是60进制，所以一秒的角度为360/60

second_x=math.cos(math.radians(second_angle))*(radius-3)

second_y=math.sin(math.radians(second_angle))*(radius-3)

pygame.draw.line(screen,blue,(pos_x,pos_y),(pos_x+second_x,pos_y+second_y),2)

问题又来了，为啥要-90

因为画圆的时候，0度是在3点钟方向的，而实际情况下，我们希望0度在12点钟方向，所以要减掉90度，达到需要

radius-3是为了让秒针短一些，不至于戳到表盘上

解决了秒针，分针时针就简单了

画分针和时针

#画分针

minute_angle=wrap_angle(minute*(360/60)-90)#分针也是60进制，原理同秒针

minute_x=math.cos(math.radians(minute_angle))*(radius-40)

minute_y=math.sin(math.radians(minute_angle))*(radius-40)

pygame.draw.line(screen,green,(pos_x,pos_y),(pos_x+minute_x,pos_y+minute_y),4)

#画时针

#时针算角度时增加了一部分，因为钟表分针走的时候，时针也在走一个很小的角度即30/60，

#加上这个角度，表才更加逼真，否则分针走的时候，时针一直保持指到整点，是错误的

hour_angle=wrap_angle(hour*(360/12)-90)+minute*30/60

hour_x=math.cos(math.radians(hour_angle))*(radius-80)

hour_y=math.sin(math.radians(hour_angle))*(radius-80)

pygame.draw.line(screen,red,(pos_x,pos_y),(pos_x+hour_x,pos_y+hour_y),6)

这里有点小技巧，我们看到计算hour_angle的时候，在后面加了minute*30/60，这里实际上应该这么写minute/60*（360/12）minute是当前的分钟数，拿他除以60分钟得到一个比例，然后12个小时，每两个数字之间的角度是360/12即30度

加上这一块，使分针每走一分钟，时针也会相应的走一点，更逼真不是

然后写上当前时间，比较表针位置是不是当前时间

#写时间

print_text(font,10,10,str(hour)+":"+str(minute)+":"+str(second),white)

最后在圆点位置画一个点，盖住三个表针交叉的位置，好看一点

#画表中心的圆点之所以放在最后是想盖住三个针的原点

pygame.draw.circle(screen,white,(pos_x,pos_y),8,0)

最最后，别忘了刷新

pygame.display.update()

完整代码如下

importmath,pygame

frompygame.localsimport*

fromdatetimeimportdatetime,date,time

pygame.init()

screen=pygame.display.set_mode((600,600))

pyga