파이썬으로 배우는 게임 개발 실전편 chapter 2

1. 히트 체크(hit check)

  2개의 물체가 접족했는지 판정하는 것으로, 게임에서는 발사한 탄환이 상대에게 맞았는지, 아이템을 주웠는지 등의 이벤트에 이용할 수 있다.

 

 1) 사각형에서의 히트 체크

import tkinter

def hit_check_rect():
    dx = abs((x1 + w1 / 2) - (x2 + w2 / 2)) # dx에 두 사각형의 중심 x 방향 거리 대입
    dy = abs((y1 + h1 / 2) - (y2 + h2 / 2)) # dy에 두 사각형의 중심 y 방향 거리 대입
    if dx <= w1 / 2 + w2 / 2 and dy <= h1 / 2 + h2 / 2: # 사각형이 겹치는 조건 판정
        return True # 겹치면 True
    return False # 아니면 False 반환

def mouse_move(e):
    global x1, y1 # 전역 변수 선언
    x1 = e.x - w1 / 2 # 파란색 사각형 x 좌표를 포인터 좌표로 함
    y1 = e.y - h1 / 2 # 파란색 사각형 y 좌표를 포인터 좌표로 함
    col = "blue" # col에 blue 문자열 대입
    if hit_check_rect() == True: # 만약 두 사각형이 접족했다면
        col = "cyan" # col에 cyan 문자열 대입
    canvas.delete("RECT1") # 일단 파란 사각형 삭제 후
    canvas.create_rectangle(x1, y1, x1 + w1, y1 + h1, fill=col, tag="RECT1") # 파란 사각형 그리기


root = tkinter.Tk() # 윈도우 객체 생성
root.title("사각형을 사용한 히트 체크") # 윈도우 타이틀 지정 
canvas = tkinter.Canvas(width=600, height=400, bg="white") # 캔버스 컴퍼넌트 생성
canvas.pack() # 캔버스 배치
canvas.bind("<Motion>", mouse_move) # 마우스 포인터를 움직일 때 실행할 함수 지정

x1 = 50 # 파란색 사각형 왼쪽 위 모서리 x좌표
y1 = 50 # 그 y좌표
w1 = 120 # 폭 
h1 = 60 # 너비
canvas.create_rectangle(x1, y1, x1 + w1, y1 + h1, fill="blue", tag="RECT1") # 캔버스에 파란색 사각형 그림

x2 = 300
y2 = 100
w2 = 120
h2 = 160
canvas.create_rectangle(x2, y2, x2 + w2, y2 + h2, fill="red") # 캔버스에 빨간 사각형 그림

root.mainloop() # 윈도우 표시

닿았을 때 / 안 닿았을 때

 

수학 공부 안한지 2년이 다 되어서 아래 코드만 봐도 어질어질했는데....

 그래도 간단한 예제를 이해 못하는게 너무 부끄러워서 계속 이해하려고 노력하는중

def hit_check_rect():
    dx = abs((x1 + w1 / 2) - (x2 + w2 / 2))
    dy = abs((y1 + h1 / 2) - (y2 + h2 / 2))
    if dx <= w1 / 2 + w2 / 2 and dy <= h1 / 2 + h2 / 2:
        return True
    return False

 

이 부분을 그림으로 표현하자면 다음과 같다.

 

일단 이부분에서 x 방향의 거리인 dx와 y 방향 거리인 dy를 이해해야 한다.

 

파란색 사각형의 중심 좌표는 (x1+w1/2, y1+h1/2), 빨간색 사각형의 중심 좌표는 (x2+w2/2, y2+h2/2)

 

이 때 dx의 값 : 파란색 사각형이 빨간색 사각형의 왼쪽일 때는 (x2 + w2 / 2) - (x1 + w1 / 2), 빨간색 사각형이 파란색 사각형의 왼쪽일 때는 (x1 + w1 / 2) - (x2 + w2 / 2)

  => (x1 + w1 / 2) - (x2 + w2 / 2)의 절댓값

  => abs() 명령으로 절댓값을 구할 수 있음(수학에 관한 명령이어도 abs()명령은 math 모듈 임포트 필요 없음)

  => dx = abs((x1 + w1 / 2) - (x2 + w2 / 2))

마찬가지로 dy의 값을 dy = abs((y1 + h1 / 2) - (y2 + h2 / 2)) 로 표현한다.

 

  하지만 우리가 하려고 하는 것은 두 사각형이 겹칠 때 생기는 이벤트이다. 위 그림에서 dx의 값이 어떤 값일 때 x축 방향에서 겹치게 될까? 자세한 그림은 33p 그림 2-1-3을 참고하도록 해야겠다... (저거 위 그림 만드는것도 너무 힘들었다..)

아무튼! 짱돌을 잘 굴려보면 dx의 값이 w1 / 2 + w2 / 2보다 작을 때, 겹치는 것을 알 수 있다. 옆의 캡쳐만 봐도 일단 w1의 반과 w2의 반보다 dx가 작으면 x축 방향으로는 겹쳐지는구나! 하고 느낄 수 있다.

dy도 마찬가지다. dy의 값이 h1/2 + h2/2보다 작다면, y축 방향으로 겹친다. 이 두 가지 조건이 모두 충족될 때 두 사각형이 겹치게 된다. 

이를 접촉하는 것(dx의 값이 w1 / 2 + w2 / 2보다 작은게 아니라 같을 때, dy도 마찬가지) 또한 포함한다면 다음과 같이 정리할 수 있다.

dx <= w1 / 2 + w2 / 2 and dy <= h1 / 2 + h2 / 2

이 과정이 모두 hit_check_rect() 함수에서 수행된다.

 

이 후 mouse_move() 함수에서 파란색 사각형의 이동을 수행한다. 이 때 마우스 포인터를 움직일 때 함수가 실행되도록 bind() 명령을 작성한다.

canvas.bind("<Motion>", mouse_move)

 

 

2) 원형에서의 히트 체크

import tkinter
import math


def hit_check_circle():
    dis = math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2)) # dis에 두 점 사이 거리를 계산해 대입
    if dis <= r1 + r2: # dis 값이 두 원 반지름의 합 이하이면
        return True # True
    return False # 아니면 False 반환


def mouse_move(e):
    global x1, y1 # 전역 변수 선언
    x1 = e.x # 초록색 원의 x좌표를 포인터 좌표로 함
    y1 = e.y # 초록색 원의 y좌표를 포인터 좌표로 함
    col = "green" # col에 green 문자열 대입
    if hit_check_circle() == True: # 두 원이 접촉했다면
        col = "lime" # col에 lime 문자열 대입
    canvas.delete("CIR1") # 일단 초록색 원 삭제 후 
    canvas.create_oval(x1 - r1, y1 - r1, x1 + r1, y1 + r1, fill=col, tag="CIR1") # 다시 초록색 원 그리기


root = tkinter.Tk() # 윈도우 객체 생성
root.title("원을 사용한 히트 체크") # 윈도우 타이틀 지정
canvas = tkinter.Canvas(width=600, height=400, bg="white") # 캔버스 컴포넌트 생성
canvas.pack() # 캔버스 배치
canvas.bind("<Motion>", mouse_move) # 마우스 포인터를 움직일 때 실행할 함수 지정

# 초록색 원
x1 = 50 # 원 중심 x좌표
y1 = 50 # y좌표
r1 = 40 # 원 반지름
canvas.create_oval(x1 - r1, y1 - r1, x1 + r1, y1 + r1, fill="green", tag="CIR1") # 캔버스에 초록색 원 그림

# 주황색 원
x2 = 300
y2 = 200
r2 = 80
canvas.create_oval(x2 - r2, y2 - r2, x2 + r2, y2 + r2, fill="orange")

root.mainloop() # 윈도우 표시

 

  초록색 원의 중심 좌표를 (x1, y1), 반지름의 길이를 r1로 잡고 주황색 원의 중심 좌표는 (x2, y2), 반지름의 길이는 r2라고 할 때 두 점 사이의 거리 공식으로 계산할 수 있다. 

  파이썬에서는 루트값을 sqrt() 명령으로 계산할 수 있는데, 이는 위의 abs 명령과 달리 math 모듈을 임포트 해야한다. 

 

 dis = math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2))

 

이 값이 두 원의 반지름의 합계(r1 + r2)보다 작거나 같으면 원이 겹쳐지게 된다.

 

 

2. 삼각함수 사용법

나는 문과충이라 삼각함수송으로 삼각함수를 배웠다...

 

 

아무튼 삼각함수는 각의 크기와 변의 길이의 비를 표시하는 함수로, 이를 이용해 적기의 이동 방향이나 방사형 탄환 발사 모션을 제작할 수 있다.

순서대로 사인, 코사인, 탄젠트 함수 / r은 반지름, (x,y)는 원주 상의 좌표

각도는 x축 오른쪽에서 시작해 반시계 방향으로 커지며, 1바퀴를 돌면 360도이다. 다만 파이썬 같은 프로그래밍 언어에서는 각도 방향이 수학과 반대(시계 방향)이므로 주의

 

 

1) sin, cos, tan 값 계산하기

sin(), cos(), tan() 명령을 사용하기 위해서는 math 모듈을 임포트해야한다.

 

import math

d = 45 # d에 각도 값 대입
a = math.radians(d) # d값을 라디안으로 변환해 a에 대입
s = math.sin(a)
c = math.cos(a)
t = math.tan(a)

print("sin " + str(s))
print("cos " + str(c))
print("tan " + str(t))

tan(45&amp;ordm;) = 1이지만 0.999로 입력되는 것은 기본적으로 프로그래밍 언어에서 소수를 다룰 때 오차가 발생하는 경우가 꽤 있기 때문이다.

  여기서 중요한 것은 파이썬 삼각함수의 인수는 각도가 아닌 radian(라디안)값으로 지정해야 한다는 점이다. 난 처음 들었는데 국제적으로 쓰인다고 한다.. 진작 좀 알려주지. 이는 radians() 명령을 사용해 각도를 radian으로 변환한다. 1 라디안은 180º/π(약 57º)이며, 한 바퀴(360º)는 2π라디안이다.

 

 

2) 삼각함수 계산 프로그램

윈도우 텍스트 입력 필드에 각도를 입력 후 '계산' 버튼을 누르면 라벨에 삼각함수 값이 표시되는 프로그램이다.

 

import tkinter
import math

def trigo() : # 함수 정의
    try : # 예외 처리
        d = float(entry.get()) # 입력 필드값을 실수형으로 d에 대입
        a = math.radians(d)  # d값을 라디안으로 변환해 a에 대입 
        s = math.sin(a)
        c = math.cos(a)
        t = math.tan(a)
        label_s["text"] = "sin " + str(s) # 라벨에 s값 표시
        label_c["text"] = "cos " + str(c) 
        label_t["text"] = "tan " + str(t)
    except : # 예외가 발생한 경우
        print("각도를 도 값으로 입력해 주십시오 : ") # 셀 윈도우에 경고문 출력

root = tkinter.Tk() # 윈도우 객체 생성
root.geometry("300x200") # 윈도우 크기 지정
root.title("삼각함수 값") # 윈도우 타이틀 지정

entry = tkinter.Entry(width = 10) # 1행 텍스트 입력 필드 생성
entry.place(x = 20, y = 20) # 텍스트 입력 필드 배치
button = tkinter.Button(text = "계산", command = trigo) # 버튼 컴포넌트 생성, 버튼 클릭 시 실행 함수 지정
button.place(x = 110, y = 20) # 버튼 배치

label_s = tkinter.Label(text="sin") # 라벨 컴포넌트 생성
label_s.place(x = 20, y = 60)
label_c = tkinter.Label(text="cos")
label_c.place(x = 20, y = 100)
label_t = tkinter.Label(text="tan")
label_t.place(x = 20, y = 140)

root.mainloop() # 윈도우 표시

 

실행 결과

 

def trigo() :
    try :
        d = float(entry.get())
        a = math.radians(d)
        s = math.sin(a)
        c = math.cos(a)
        t = math.tan(a)
        label_s["text"] = "sin " + str(s)
        label_c["text"] = "cos " + str(c)
        label_t["text"] = "tan " + str(t)
    except :
        print("각도를 도 값으로 입력해 주십시오 : ")

# 중략

button = tkinter.Button(text = "계산", command = trigo)

 

  코드에서 trigo 함수는 버튼을 클릭해야만 해당 함수가 실행되는데, 이는 Button() 명령의 인수인 'command = ' 에서 trigo로 지정했기 때문이다.

  그리고 trigo 함수의 내용은 다음과 같다. 텍스트 입력 필드의 문자열을 float() 명령으로 소수로 변환에 d에 대입한다. d의 값은 radian으로 변환되어 a에 대입되고, 이후 삼각함수의 값이 계산 되어 라벨에 계산 값이 표시된다. 

하지만 숫자만 입력된다는 법이 없다. 갑자기 한글을 쓰거나 알파벳이 입력되거나, 어떤 값도 입력하지 않은 상태에서 버튼을 누를 때는 변환할 수가 없는데, 이는 try ~ except 예외 처리 구문을 이용하면 된다. 에러가 발생한 경우 except에 적힌 코드가 실행되는데, 여기서는 셸 윈도우에 메시지를 출력한다. try~except는 다음과 같이 사용한다.

 

try :
    예외가 발생할 가능성이 있는 코드
except : 
    예외가 발생했을 때 수행할 처리

 

 

3) 삼각함수로 도형 그리기

import tkinter
import math

root = tkinter.Tk()
root.title("삼각함수를 활용한 선 그리기")
canvas = tkinter.Canvas(width = 400, height = 400, bg = "white")
canvas.pack() # 캔버스 배치

for d in range(0, 90, 10) : # 반복 : d 값이 0에서 90까지 10씩 증가
    a = math.radians(d)
    x = 300 * math.cos(a)
    y = 300 * math.sin(a)
    canvas.create_line(0, 0, x, y, fill = "blue") # (0, 0)에서 (x, y)까지 선 긋기
root.mainloop()

 

 

  create_line() 명령을 사용해 윈도우 왼쪽 상단 모서리의 원점(0, 0)부터 cos과 sin으로 계산한 좌표(x, y)까지 선을 그린다.  그리고 왼쪽 모서리가 선 시작점 (0, 0)이고 이후로는 시계 방향으로 선이 그어지는데, 프로그래밍 언어에서는 선이 반대로 그어진다고 했는데 여기서 그 사실을 확인할 수 있다. 

  for d in range(0, 90, 10)은 말 그대로 d를 range()안에 있는 범위에서 증가시키며 반복하겠다는 것이다. 여기서 0은 첫 항, 90은 끝항 + 1(한번 더 반복했을 때의 숫자로, d = 80이 끝항이면 d = 90일 때 멈춘다는 뜻 즉 90인 경우는 실행 안됨), 마지막 10은 d = d + 10의 의미로, 10씩 증가한다는 것이다. 

등차수열로 간단히 정리하면 for d in range(첫항, 끝항 + 공차, 공차)로 볼 수 있겠다.

 

 

4) 다양한 색상의 선그리기

import tkinter
import math

root = tkinter.Tk()
root.title("삼각함수를 활용한 도형 그리기")
canvas = tkinter.Canvas(width=600, height=600, bg="black")
canvas.pack()

COL = ["greenyellow", "limegreen", "aquamarine", "cyan", "deepskyblue", "blue", "blueviolet", "violet"] # 8개의 색상을 리스트로 정의
for d in range(0, 360): # 반복 : d 값이 0에서 360까지 1씩 증가
    x = 250 * math.cos(math.radians(d)) # 선의 끝 x좌표를 cos으로 계산
    y = 250 * math.sin(math.radians(d)) # 선의 끝 y좌표를 sin으로 계산
    canvas.create_line(300, 300, 300 + x, 300 + y, fill=COL[d % 8], width=2) # 캔버스 중심(300, 300)에서 삼각함수로 계산한 좌표까지 선을 그음
root.mainloop()

으악

 

사족을 덧붙이자면 deepskyblue를 deepbluesky로 적었는데 계속 오류가 나길래 대체 뭐가 잘못됐나 싶어서 한참을 봤었던... 

 

for d in range(0, 360):
    x = 250 * math.cos(math.radians(d))
    y = 250 * math.sin(math.radians(d))
    canvas.create_line(300, 300, 300 + x, 300 + y, fill=COL[d % 8], width=2)

 

  이번 프로그램의 중요한 점은 윈도우 크기를 600 x 600로 맞췄으므로 create_line에서 중심점을 (300, 300)으로 잡았다. 그리고 x와 y에 각각 250을 곱해서, 원점으로부터의 거리가 250픽셀의 원주 위 점을 향해 선을 그리게 된다. 선의 색깔은 d % 8로 COL 리스트의 0 ~ 7번 원소들이 반복해서 나오도록 한다.

  그리고 cos(), sin() 명령의 인수로 radians() 명령을 사용했는데 이는 함수를 다른 함수의 인수로 사용할 수가 있다는 얘기다.

 

 

 

4. 인덱스와 타이머

1) 게임 진행 관리

아래 코드는 인덱스, 타이머 변수를 준비해 타이틀 화면, 게임 플레이 중 화면, 게임 오버 화면을 표시하는 프로그램이다.

 

import tkinter

# 폰트, 인덱스 변수, 타이머 변수 정의
fnt1 = ("Times New Roman", 20)
fnt2 = ("Times New Roman", 40)
index = 0
timer = 0

key = ""  # 키 값을 대입할 변수

def key_down(e):
    global key  # key를 전역변수로 선언
    key = e.keysym  # key에 keysym값 대입


def main():
    global index, timer # 전역변수 선언
    canvas.delete("STATUS") # 먼저 index와 timer 표시 삭제
    timer = timer + 1 # timer 값 1 증가
    canvas.create_text(200, 30, text="index " + str(index), fill="white", font=fnt1, tag="STATUS") # index 값 표시
    canvas.create_text(400, 30, text="timer " + str(timer), fill="cyan", font=fnt1, tag="STATUS") # timer 값 표시

    if index == 0: # index 0 처리 (타이틀 화면)
        if timer == 1: # timer 값이 1이면
            canvas.create_text(300, 150, text = "타이틀", fill="white", font=fnt2, tag="TITLE") # 타이틀 문자 표시
            canvas.create_text(300, 300, text = "Press[SPACE]Key", fill="lime", font=fnt1, tag="TITLE") # 'press[space]key' 문자열 표시
        if key == "space" : # 스페이스 키를 눌렀을 때
            canvas.delete("TITLE") # 타이틀 문자 삭제
            canvas.create_rectangle(0, 0, 600, 400, fill="blue", tag="GAME") # 캔버스를 파란색으로 칠함
            canvas.create_text(300, 150, text = "게임 중", fill="white", font=fnt2, tag="GAME") # '게임 중' 문자열 표시
            canvas.create_text(300, 300, text = "[E]종료", fill="yellow", font=fnt1, tag="GAME") #'[e]종료 문자열 표시'
            index = 1 # index 값 1로 변경
            timer = 0 # timer 값 0으로 변경

    if index == 1: # index 1 처리 (게임 중 화면)
        if key == "e": # E 키를 눌렀을 때
            canvas.delete("GAME") # '게임 중' 문자열 삭제
            canvas.create_rectangle(0, 0, 600, 400, fill = "maroon", tag="OVER") # 캔버스 갈색으로 칠함
            canvas.create_text(300, 150, text = "GAME OVER", fill = "red", font=fnt2, tag="OVER") # 'game over'문자열 표시
            index = 2 # index 값 2로 변경
            timer = 0 # timer 값 0으로 변경

    if index == 2: # index 2 처리 (게임 오버 화면)
        if timer == 30: # timer 값이 30이 됐다면
            canvas.delete("OVER") # 'game over'문자열 삭제
            index = 0 # index 값 0으로 변경
            timer = 0 # timer 값 0으로 변경

    root.after(100, main) # 100밀리초 이후 다시 main()함수 실행

root = tkinter.Tk() # 윈도우 객체 생성
root.title("인덱스와 타이머") # 윈도우 타이틀 지정
root.bind("<KeyPress>", key_down) # 키를 눌렀을 때 main()함수 다시 실행
canvas = tkinter.Canvas(width = 600, height = 400, bg = "black") # 캔버스 컴포넌트 생성
canvas.pack() # 캔버스 배치
main() # 메인 처리 실행
root.mainloop() # 윈도우 표시

 

게임 오버 화면에서 timer = 30 (3초)이 되면 타이틀로 되돌아간다. 타이틀 -> 게임 -> 게임 결과 -> 타이틀

 

  전반적으로 이 프로그램은 index, timer 이 두개의 변수로 진행된다.

  main() 함수에서 after() 명령을 이용해 100ms마다 계속 실행시키는데, 이는 timer = timer + 1 을 계속 반복시키면서 timer 값을 증가시키게 된다. 

  타이틀 화면에서는 if 구문으로 스페이스 키를 눌렀을 때 index를 1로 변경해 게임 플레이 화면으로 이동시키고, 게임 플레이 화면에서는 if 구문으로 e키를 눌렀을 때 index를 2로 변경해 게임 오버 화면으로 이동시킨다. 게임 오버 화면에서는 timer = 30일 때 index = 0으로 변경해 타이틀 화면으로 돌아간다. 

  책에 덧붙여진 설명에서는... 프레임 레이트(frame rate)는 1초마다 화면을 다시 그리는 횟수로, 이 프로그램에서는 0.1초마다 처리되므로 프레임 레이트가 10이다.

 

 

5. 장애물 피하기 게임 만들기

 

import tkinter
import random

fnt1 = ("Times New Roman", 24)
fnt2 = ("Times New Roman", 50)
index = 0
timer = 0
score = 0
bg_pos = 0 # 배경 표시 위치 변수
px = 240 # 플레이어(우주선) X좌표 변수
py = 540 # 플레이어(우주선) Y좌표 변수
METEO_MAX = 30 # 유성 수
mx = [0] * METEO_MAX # 유성 X좌표 관리 리스트
my = [0] * METEO_MAX # 유성 Y좌표 관리 리스트

key = "" # 키 값 대입 변수
koff = False # 키를 눌렀다 뗐을 때 사용할 변수(플래그)

def key_down(e): # 키를 눌렀을 때 사용할 함수
    global key, koff 
    key = e.keysym # key에 keysym 값 대입
    # keysym : 키보트 이벤트에서 발생하는 키의 심볼명
    koff = False # koff에 False 대입
    
def key_up(e): # 키를 눌렀다 뗐을 때 실행할 함수
    global koff
    koff = True 

def main(): # 메인 처리 수행 함수
    global key, koff, index, timer, score, bg_pos, px 
    timer = timer + 1 
    bg_pos = (bg_pos + 1) % 640 # 배경을 그릴 위치 계산
    canvas.delete("SCREEN") # 화면 상의 모든 그림과 문자열 삭제 후 
    # 배경 우주 이미지 그리기
    canvas.create_image(240, bg_pos - 320, image=img_bg, tag="SCREEN")
    canvas.create_image(240, bg_pos + 320, image=img_bg, tag="SCREEN")
    
    if index == 0: # index 0 처리 (타이틀 화면)
        canvas.create_text(240, 240, text="METEOR", fill="gold", font=fnt2, tag="SCREEN") # 타이틀 문자열 표시
        canvas.create_text(240, 480, text="Press [SPACE] Key", fill="lime", font=fnt1, tag="SCREEN") # 'press[space]key' 문자열 표시
        if key == "space": # 스페이스 키를 눌렀을 때
            score = 0 
            px = 240 # 우주선 위치를 화면 중앙으로 지정
            init_enemy() # 유성 좌표 초기값 대입
            index = 1 # index 값 1로 변경
            
    if index == 1: # index 1 처리(플레이 중 화면)
        score = score + 1 # score 증가
        move_player() # 우주선 이동
        move_enemy() # 유성 이동
        
    if index == 2: # index 2 처리 (게임 오버 화면)
        move_enemy() # 유성 이동
        canvas.create_text(240, timer * 4, text="GAME OVER", fill="red", font=fnt2, tag="SCREEN") # 'game over' 문자열 표시
        if timer == 60: # timer 값이 60일 때
            index = 0
            timer = 0
            
    canvas.create_text(240, 30, text="SCORE " + str(score), fill="white", font=fnt1, tag="SCREEN") # score 표시
    if koff == True: # koff가 True일 때
        key = "" # key 값 클리어
        koff = False 
    root.after(50, main) # 50ms 후 다시 main() 함수 실행

def hit_check(x1, y1, x2, y2): # 히트 체크 수행 함수
    if ((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2) < 36 * 36): # 두 점 사이의 거리 판정, 36픽셀 미만일 때
        return True 
    return False

def init_enemy(): # 유성 좌표의 초기 위치 지정 함수
    for i in range(METEO_MAX): # x좌표와 y좌표를 난수로 결정하는 것을 계속 반복
        mx[i] = random.randint(0, 480) 
        my[i] = random.randint(-640, 0)

def move_enemy(): # 유성 이동 함수
    global index, timer
    for i in range(METEO_MAX): 
        my[i] = my[i] + 6 + i / 5 # 유성 y 좌표 업데이트
        if my[i] > 660: # y 좌표가 660 초과일 때 x, y좌표를 난수로 결정
            mx[i] = random.randint(0, 480) 
            my[i] = random.randint(-640, 0)
        if index == 1 and hit_check(px, py, mx[i], my[i]) == True: # 게임 중 우주선과 접촉했을 때
            index = 2 # index 값 2로 변경
            timer = 0 # timer 값 0으로 변경
        canvas.create_image(mx[i], my[i], image=img_enemy, tag="SCREEN") # 유성 그리기

def move_player(): # 우주선 이동 함수
    global px 
    if key == "Left" and px > 30: # 왼쪽 키를 누른 상태에서 px>30일 때
        px = px - 10 # px(x좌표) 10 감소
    if key == "Right" and px < 450: # 오른쪽 키를 누른 상태에서 px<450일 때
        px = px + 10 # px(x좌표) 10 wmdrk
    canvas.create_image(px, py, image=img_player[timer % 2], tag="SCREEN") # 우주선 그리기

root = tkinter.Tk() 
root.title("Mini Game")
root.bind("<KeyPress>", key_down) # 키를 눌렀을 때 실행할 함수 지정
root.bind("<KeyRelease>", key_up) # 키를 눌렀다 뗐을 때 실행할 함수 지정
canvas = tkinter.Canvas(width=480, height=640) # 캔버스 컴포넌트 생성 
canvas.pack() # 캔버스를 윈도우에 비치
img_player = [ # 리스트에 우주선 이미지 로딩(애니메이션용)
    tkinter.PhotoImage(file="starship0.png"),
    tkinter.PhotoImage(file="starship1.png")
]
img_enemy = tkinter.PhotoImage(file="meteo.png") # 유성 이미지 로딩
img_bg = tkinter.PhotoImage(file="cosmo.png") # 배경 이미지 로딩
main() # 메인 처리 실행
root.mainloop() # 윈도우 표시

 

game over 스으으윽 내려오는거 열받는다..ㅜ

 

쓰다가 좀 멘붕올뻔 했다... 이런 프로그램은 지금 상태에서는 절대 못만들 것 같아서.. ㅠ 졸작 주제 잘못 신청했다 싶다.... 심지어 코드도 설명 주석 쓰면서도 잘 이해 못한 부분이 있다.. 현타 심하게 오는 중..ㅠ 

 

1) 변수와 리스트

• index, timer : 인덱스와 타이머, 게임 진행 관리 변수
• score : 점수 변수
• bg_pos : 배경 스크롤을 위한 좌표 변수
• px, py : 우주선 좌표 변수 
• METEO_MAX : 화면에 흐르는 유성 수 (한 번 30으로 정의했고 변경하지 않는 값으로, 이를 상수로 부르고 상수는 모두 대문자로 표시해야 한다고 한다.)
• mx[], my[] : 유성 좌표

2) index값

• 0 : 타이틀 화면 / 스페이스 키를 누르면 각 변수를 초기화하고 index 1로 이동
• 1 : 게임 플레이 중 화면 / 우주선 이동, 유성 처리 수행, 유성 처리 중 우주선과 접촉하면 index 2로 이동
• 2 : 게임 오버 화면 / 3초 대기 후 index 0으로 이동

 

그리고 계속 이해를 못하고 있는 부분이 있는데, 

if index == 2:
    move_enemy()
    canvas.create_text(240, timer * 4, text="GAME OVER", fill="red", font=fnt2, tag="SCREEN")
    if timer == 60:
        index = 0
        timer = 0

index == 2(게임 오버 화면)일 때, timer가 60이면 타이틀 화면으로 되돌아가는데 왜 여기서 timer = 60이 분명한데 왜 3초 뒤면 타이틀 화면으로 돌아가는걸까?

바로 전 예제에서는 timer == 30일 때 (3초 뒤) 타이틀 화면으로 돌아온다고 했었다. 근데 여기서는 timer == 60인데도 3초 뒤에 타이틀 화면으로 돌아가는 걸까... 이건 너무 모르겠어서 일단 냅둬야겠다.

 

 

3) 함수

• key_down(e) : 키를 눌렀을 때 실행
• key_up(e) : 키를 눌렀다 뗐을 때 실행
• main() : 메인 처리 수행
• hit_check(x1, y1, x2, y2) : 두 점 사이 거리로 히트 체크 수행
• init_enemy() : 유성 좌표 초기화
• move_enemy() : 유성 이동
• move_player() : 우주선 이동

 

my[i] = my[i] + 6 + i / 5

move_enemy() 함수 내 이 코드는 좌표를 계속 변화시켜 유성마다 속도도 달라지게 한다. 

 

if index == 1 and hit_check(px, py, mx[i], my[i]) == True:
    index = 2

그리고 이 부분에서는 히트 체크를 수행해 유성과 우주선이 접촉하면 index = 2를 수행해 게임 오버 처리로 이동한다.

 

 

def hit_check(x1, y1, x2, y2):
    if ((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2) < 36 * 36):
        return True
    return False

히트 체크 함수에서는 저 위 예제와 달리 sqrt() 명령을 이용하지 않았는데, 우변에 36이 아닌 36의 제곱을 넣음으로써 루트를 제거할 수 있다. 옛날 프로그래머들은 이와 같이 굳이 루트를 사용하지 않아도 될 때는 더 빠르고 쾌적한 처리를 위해 sqrt() 명령을 사용하지 않았다고 한다.... 

 

 

4) 맥에서의 키 입력

  맥에서는 after() 명령을 사용한 실시간 처리 프로그램에서 키 입력을 할 수 없는 경우가 있다고 한다. 맥에서는 키를 눌렀을 때 <KeyPress> 이벤트와 <KeyRelease> 이벤트가 연속 발생해 처리 타이밍에 따라 키 값을 못얻어서 라고 하는데 koff가 대체 뭔가 뭔가 했더니 여기서 쓰이는 거였다.

 

key = ""
koff = False

def key_down(e):
    global key, koff
    key = e.keysym
    koff = False
def key_up(e):
    global koff
    koff = True

if koff == True:
    key = ""
    koff = False

  koff 라는 플래그를 이용해 <KeyRelease> 이벤트 발생 시 koff에 True를 대입해 플레이어 캐릭터를 이동한 후 koff가 True 값이면 키 값이 들어 있는 변수를 클리어해서 맥에서도 아무렇지 않게 잘 쓸 수 있는 것이라 한다. 

  다만 윈도우즈에선 없어도 되는 코드가 생긴거니 koff가 있으면 키 반응이 좀 나빠진다고 한다....

 

 

5) 난이도 변경하기

  게임에서도 밸런스 패치, 난이도 조절 등 균형을 잡는 게 중요한건 알고 있다. 이 때 이 프로그램에서는 METEO_MAX의 값을 변경한다던지, move_enemy 함수의 my[i] = my[i] + 6 + i / 5 부분의 계산식을 변경해 유성의 속도도 변경해볼 수 있다.