做這個東西的時候,靈感源自於一個js效果:
兩個眼睛隨鼠標移動而移動
運行效果:
===============================================
代碼部分:
===============================================
1 from tkinter import * 2 3 #1.獲取到小圓當前的圓心坐標(x1, y1) 4 #2.獲取到小圓移動的圓心坐標(x2, y2) 5 #3.把小圓從坐標(x1, y1)移動到坐標(x2, y2) 6 7 __author__ = {'name' : 'Hongten', 8 'mail' : 'hongtenzone@foxmail.com', 9 'blog' : 'http://www.cnblogs.com/', 10 'QQ': '648719819', 11 'created' : '2013-09-20'} 12 13 class Eay(Frame): 14 15 def createWidgets(self): 16 ## The playing field 17 self.draw = Canvas(self, width=500, height=500) 18 19 #鼠標位置 20 self.mouse_x = 450 21 self.mouse_y = 250 22 23 #圓心坐標(x,y) 24 self.oval_zero_x = 250 25 self.oval_zero_y = 250 26 #外面大圓半徑 27 self.oval_r = 100 28 29 #里面小圓半徑 30 self.oval_R = 30 31 32 self.oval_r1 = self.oval_r - self.oval_R + 0.5 33 self.oval_r2 = self.oval_r - self.oval_R - 0.5 34 35 36 #小圓 37 self.letter_ball_x1 = 250 38 self.letter_ball_y1 = 250 39 40 # The ball 外面大圓 41 self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r), 42 (self.oval_zero_y - self.oval_r), 43 (self.oval_zero_x + self.oval_r), 44 (self.oval_zero_y + self.oval_r), 45 fill="white") 46 47 self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r1), 48 (self.oval_zero_y - self.oval_r1), 49 (self.oval_zero_x + self.oval_r1), 50 (self.oval_zero_y + self.oval_r1), 51 fill="blue") 52 53 self.ball = self.draw.create_oval((self.oval_zero_x - self.oval_r2), 54 (self.oval_zero_y - self.oval_r2), 55 (self.oval_zero_x + self.oval_r2), 56 (self.oval_zero_y + self.oval_r2), 57 fill="white") 58 59 #里面小圓 60 self.ball_over = self.draw.create_oval((self.oval_zero_x - self.oval_R), 61 (self.oval_zero_y - self.oval_R), 62 (self.oval_zero_x + self.oval_R), 63 (self.oval_zero_y + self.oval_R), 64 fill="red") 65 66 self.draw.pack(side=LEFT) 67 68 def mouseMove(self, event): 69 self.mouse_x = event.x 70 self.mouse_y = event.y 71 72 if SHOW_LOG: 73 print('#' * 50) 74 print('鼠標的坐標為:({}, {})'.format(self.mouse_x, self.mouse_y)) 75 print('小圓當前坐標為:({}, {})'.format(self.letter_ball_x1, self.letter_ball_y1)) 76 '''獲取到小圓移動的圓心坐標(x2, y2)''' 77 ax_x = abs(self.mouse_x - self.oval_zero_x) 78 ax_y = abs(self.mouse_y - self.oval_zero_y) 79 if SHOW_LOG: 80 print('坐標A(oval_zero_x, oval_zero_y)到坐標X(mouse_x, mouse_y)的距離為AX') 81 print('AX中ax_x = {}, ax_y = {}'.format(ax_x, ax_y)) 82 ax_len = ((ax_x ** 2) + (ax_y ** 2))**0.5 83 if SHOW_LOG: 84 print('AX的長度為:{}'.format(ax_len)) 85 86 #如果鼠標坐標在(ax_len > |r-R|) 87 if ax_len > abs(self.oval_r - self.oval_R): 88 ac_len = abs(self.oval_r - self.oval_R) 89 if SHOW_LOG: 90 print('AC的產度為:{}'.format(ac_len)) 91 92 if int(self.mouse_x - self.oval_zero_x) != 0: 93 if int(self.mouse_y - self.oval_zero_y) != 0: 94 #求直線斜率 y = kx + b 95 k = (self.mouse_y - self.oval_zero_y)/(self.mouse_x - self.oval_zero_x) 96 if SHOW_LOG: 97 print('鼠標到大圓圓心的直線的斜率為:{}'.format(k)) 98 b = self.mouse_y - (k * self.mouse_x) 99 ################################################### 100 101 #小圓移動后的坐標 102 #這里有三個條件: 103 # 1.小圓的圓心坐標(x1, y1)在直線AC上(y = kx + b) 104 # 2.(r-R)^2 = x1^2 + y1^2 由1,2可以得到 => (r-R)^2 = x1^2 + 2*x1*k*b + b^2 => x1有兩個值,通過3判斷x1的符號,從而求出y1 105 # 3.if self.mousex_x > 0: 106 # x1 > 0 107 #這是一個二元二次方程,方程的解有兩組,不過通過鼠標的位置self.mouse_x(self.mouse_y)可以判斷圓心坐標x1(y1) 108 letter_ball_x2 = ((ac_len * (abs(self.mouse_x - self.oval_zero_x)))/ax_len) + self.letter_ball_x1 109 letter_ball_y2 = (letter_ball_x2 * k) + b 110 if SHOW_LOG: 111 print('小圓當前坐標為:({}, {})'.format(self.letter_ball_x1, self.letter_ball_y1)) 112 print('小圓移動后坐標為:({}, {})'.format(letter_ball_x2, letter_ball_y2)) 113 114 #把小圓從坐標(x1, y1)移動到坐標(x2, y2) 115 self.moved_x2 = letter_ball_x2 - self.letter_ball_x1 116 self.moved_y2 = letter_ball_y2 - self.letter_ball_y1 117 if SHOW_LOG: 118 print('需要移動的距離是:({}, {})'.format(int(self.moved_x2), int(self.moved_y2))) 119 self.draw.move(self.ball_over, int(self.moved_x2), int(self.moved_y2)) 120 self.letter_ball_x1 = letter_ball_x2 121 self.letter_ball_y1 = letter_ball_y2 122 else: 123 print('鼠標在X軸上') 124 else: 125 print('鼠標在Y軸上') 126 else: 127 if SHOW_LOG: 128 print('小圓的移動后的坐標就是鼠標坐標') 129 #小圓移動后的坐標 130 letter_ball_x2 = self.mouse_x 131 letter_ball_y2 = self.mouse_y 132 if SHOW_LOG: 133 print('小圓移動后坐標為:({}, {})'.format(letter_ball_x2, letter_ball_y2)) 134 135 #把小圓從坐標(x1, y1)移動到坐標(x2, y2) 136 self.moved_x2 = letter_ball_x2 - self.letter_ball_x1 137 self.moved_y2 = letter_ball_y2 - self.letter_ball_y1 138 if SHOW_LOG: 139 print('需要移動的距離是:({}, {})'.format(int(self.moved_x2), int(self.moved_y2))) 140 self.draw.move(self.ball_over, int(self.moved_x2), int(self.moved_y2)) 141 self.letter_ball_x1 = letter_ball_x2 142 self.letter_ball_y1 = letter_ball_y2 143 144 def move_ball(self, *args): 145 #當鼠標在窗口中按下左鍵拖動的時候執行 146 #Widget.bind(self.draw, "<B1-Motion>", self.mouseMove) 147 #當鼠標在大圓內移動的時候執行 148 self.draw.tag_bind(self.ball, "<Any-Enter>", self.mouseMove) 149 150 def __init__(self, master=None): 151 global letter_ball_x2 152 letter_ball_x2 = 0 153 global letter_ball_y2 154 letter_ball_y2 = 0 155 global SHOW_LOG 156 SHOW_LOG = True 157 158 Frame.__init__(self, master) 159 Pack.config(self) 160 self.createWidgets() 161 self.after(10, self.move_ball) 162 163 game = Eay() 164 165 game.mainloop()
========================================================
More reading,and english is important.
I'm Hongten
大哥哥大姐姐,覺得有用打賞點哦!多多少少沒關系,一分也是對我的支持和鼓勵。謝謝。
Hongten博客排名在100名以內。粉絲過千。
Hongten出品,必是精品。
E | hongtenzone@foxmail.com B | http://www.cnblogs.com/hongten
========================================================