🎮 Python (Tkinter)으로 애니메이션 행맨 게임 만들기 — 단계별

Source: Dev.to

🧰 우리가 사용할 것

• Python 3
• Tkinter (GUI 프레임워크)
• ttk (스타일이 적용된 위젯)
• sv‑ttk (현대적인 라이트/다크 테마)

📦 1단계 – 가져오기 및 의존성

import sys
import os
import random
import tkinter as tk
from tkinter import ttk, messagebox
import sv_ttk

왜 이러한 가져오기를 사용하나요?

🧠 Step 2 – 헬퍼 함수

파일을 올바르게 로드하기 (패키징 후에도)

def resource_path(file_name):
    base_path = getattr(sys, "_MEIPASS", os.path.dirname(os.path.abspath(__file__)))
    return os.path.join(base_path, file_name)

이 헬퍼는 나중에 PyInstaller와 같은 도구로 앱을 번들링하더라도 파일 경로가 올바르게 작동하도록 보장합니다.

상태 표시줄 업데이트

def set_status(msg):
    status_var.set(msg)
    root.update_idletasks()

앱 하단에 실시간으로 상태 메시지를 업데이트합니다.

🪟 Step 3 – 메인 앱 창 만들기

root = tk.Tk()
root.title("Animated Hangman Game")
root.geometry("700x850")
sv_ttk.set_theme("light")

• Tk()는 창을 생성합니다.
• geometry()는 창의 크기를 설정합니다.
• sv_ttk.set_theme()는 현대적인 테마를 적용합니다.

🌍 Step 4 – Global Game State

dark_mode_var = tk.BooleanVar(value=False)

word_list = ["PYTHON", "HANGMAN", "COMPUTER", "AI", "PROGRAMMING", "DEVELOPER"]

current_word = ""
guessed_letters = set()
wrong_guesses = 0
max_wrong = 6

UI‑bound variables

display_word_var = tk.StringVar()
status_var = tk.StringVar(value="Ready")
lives_var = tk.StringVar(value=f"Lives: {max_wrong}")

StringVar는 값이 변경될 때 Tkinter 위젯이 자동으로 업데이트되도록 합니다.

🌗 Step 5 – Dark‑Mode Toggle

def toggle_theme():
    bg = "#2E2E2E" if dark_mode_var.get() else "#FFFFFF"
    fg = "white" if dark_mode_var.get() else "black"

    root.configure(bg=bg)

    for w in ["TFrame", "TLabel", "TLabelframe", "TLabelframe.Label", "TCheckbutton"]:
        style.configure(w, background=bg, foreground=fg)

    guess_entry.configure(background=bg, foreground=fg)
    hangman_canvas.configure(bg=bg)

체크박스를 토글할 때 배경 및 텍스트 색상이 동적으로 전환됩니다.

🔁 6단계 – 새로운 게임 시작

def start_new_game():
    global current_word, guessed_letters, wrong_guesses

    current_word = random.choice(word_list)
    guessed_letters = set()
    wrong_guesses = 0

    update_display_word()
    lives_var.set(f"Lives: {max_wrong}")
    draw_hangman(animated=False)

    set_status("New game started! Guess a letter.")

모든 것을 초기화합니다: 새로운 단어를 선택하고, 추측을 초기화하며, 교수형 그림을 리셋합니다.

🔤 7단계 – 단어 표시 업데이트

def update_display_word():
    display = " ".join(
        c if c in guessed_letters else "_" for c in current_word
    )
    display_word_var.set(display)

    # Win condition
    if "_" not in display:
        set_status("Congratulations! You guessed the word!")
        messagebox.showinfo("Winner!", f"You correctly guessed: {current_word}")

예시 출력:

P Y T H O N

Source:

❓ 8단계 – 문자 추측

def guess_letter():
    global wrong_guesses

    letter = guess_var.get().strip().upper()
    guess_var.set("")

입력 검증

    if not letter or len(letter) != 1 or not letter.isalpha():
        set_status("Please enter a single letter.")
        return

중복 추측 방지

    if letter in guessed_letters:
        set_status(f"You already guessed '{letter}'.")
        return

정답과 오답 처리

    guessed_letters.add(letter)

    if letter not in current_word:
        wrong_guesses += 1
        lives_var.set(f"Lives: {max_wrong - wrong_guesses}")
        draw_hangman(animated=True)

        # Game‑over logic
        if wrong_guesses >= max_wrong:
            messagebox.showinfo("Game Over", f"The word was: {current_word}")
            start_new_game()
            return

    update_display_word()

🎨 9단계 – 교수대 그리기

기본 구조 (항상 그려짐)

def draw_hangman(animated=True):
    hangman_canvas.delete("all")

    # Scaffold
    hangman_canvas.create_line(50, 350, 250, 350, width=3)   # Ground
    hangman_canvas.create_line(150, 350, 150, 50, width=3)   # Pole
    hangman_canvas.create_line(150, 50, 300, 50, width=3)    # Top beam
    hangman_canvas.create_line(300, 50, 300, 100, width=3)   # Rope

신체 부위 (실수마다 추가)

    parts = []

    if wrong_guesses >= 1:
        parts.append(("oval", 275, 100, 325, 150))   # Head
    if wrong_guesses >= 2:
        parts.append(("line", 300, 150, 300, 250))   # Body
    if wrong_guesses >= 3:
        parts.append(("line", 300, 180, 260, 220))   # Left arm
    if wrong_guesses >= 4:
        parts.append(("line", 300, 180, 340, 220))   # Right arm
    if wrong_guesses >= 5:
        parts.append(("line", 300, 250, 260, 300))   # Left leg
    if wrong_guesses >= 6:
        parts.append(("line", 300, 250, 340, 300))   # Right leg

렌더링 (선택적 애니메이션 포함)

    for i, (shape, *coords) in enumerate(parts):
        if animated:
            # Simple animation: draw each part after a short delay
            root.after(i * 200, lambda s=shape, c=coords: draw_part(s, *c))
        else:
            draw_part(shape, *coords)

def draw_part(shape, *coords):
    if shape == "oval":
        hangman_canvas.create_oval(*coords, width=3)
    elif shape == "line":
        hangman_canvas.create_line(*coords, width=3)

🎬 Step 10 – 모든 것을 연결하기 (UI 레이아웃)

style = ttk.Style()

# Top frame – title & theme toggle
top_frame = ttk.Frame(root, padding=10)
top_frame.pack(fill="x")

title_lbl = ttk.Label(top_frame, text="Hangman", font=("Helvetica", 24))
title_lbl.pack(side="left")

theme_chk = ttk.Checkbutton(
    top_frame,
    text="Dark mode",
    variable=dark_mode_var,
    command=toggle_theme
)
theme_chk.pack(side="right")

# Word display
word_frame = ttk.Frame(root, padding=10)
word_frame.pack(fill="x")
word_lbl = ttk.Label(word_frame, textvariable=display_word_var, font=("Consolas", 32))
word_lbl.pack()

# Canvas for the drawing
hangman_canvas = tk.Canvas(root, width=400, height=400, bg="white", highlightthickness=0)
hangman_canvas.pack(pady=10)

# Guess entry & button
guess_frame = ttk.Frame(root, padding=10)
guess_frame.pack(fill="x")
guess_var = tk.StringVar()
guess_entry = ttk.Entry(guess_frame, textvariable=guess_var, width=5, font=("Helvetica", 18))
guess_entry.pack(side="left", padx=(0, 5))
guess_btn = ttk.Button(guess_frame, text="Guess", command=guess_letter)
guess_btn.pack(side="left")

# Lives & status bar
status_frame = ttk.Frame(root, padding=5)
status_frame.pack(fill="x", side="bottom")
lives_lbl = ttk.Label(status_frame, textvariable=lives_var)
lives_lbl.pack(side="left")
status_lbl = ttk.Label(status_frame, textvariable=status_var, anchor="e")
status_lbl.pack(side="right", fill="x", expand=True)

# Start the first game
start_new_game()

root.mainloop()

🎉 완료되었습니다!

스크립트를 실행하고, 다크 모드를 전환하며, 표준 Python 라이브러리만으로 만든 애니메이션 행맨을 즐겨보세요. 자유롭게 다음과 같이 확장할 수 있습니다:

• 더 큰 단어 목록 (파일에서 로드).
• winsound 또는 pygame을 사용한 사운드 효과.
• 하이 스코어 트래커.

코딩 즐겁게!

애니메이션 행맨 – 코드 walkthrough

animate_parts – 행맨을 단계별로 그리기

def animate_parts(parts, idx=0):
    """Recursively draw each part of the hangman with a short delay."""
    if idx >= len(parts):
        return

    # Draw an oval (the head)
    if parts[idx][0] == "oval":
        hangman_canvas.create_oval(*parts[idx][1:], width=3)

    # Draw a line (any limb)
    else:
        x1, y1, x2, y2 = parts[idx][1:]
        hangman_canvas.create_line(x1, y1, x2, y2, width=3)

    # Wait a bit, then draw the next part
    hangman_canvas.after(400, lambda: animate_parts(parts, idx + 1))

Source:

🎛 Step 11: UI 레이아웃

메인 컨테이너

main = ttk.Frame(root, padding=20)
main.pack(expand=True, fill="both")

캔버스

hangman_canvas = tk.Canvas(main, width=400, height=400, bg="white")
hangman_canvas.grid(row=1, column=0, pady=10)

입력 및 버튼

guess_var = tk.StringVar()

guess_entry = ttk.Entry(
    main,
    textvariable=guess_var,
    font=("Segoe UI", 16),
    width=5,
)
guess_entry.grid(row=4, column=0)

ttk.Button(main, text="Guess", command=guess_letter).grid(row=5, column=0)

▶️ 단계 12: 앱 실행

start_new_game()
root.mainloop()

이것은 게임 루프를 시작하고 창을 엽니다.

🎉 Final Result

You now have:

• ✅ Animated hangman drawing → ✅ 애니메이션 행맨 그림
• 🌗 Light / Dark mode → 🌗 라이트 / 다크 모드
• 🎯 Input validation → 🎯 입력 검증
• 🧠 Game‑state handling → 🧠 게임 상태 처리
• 🎨 Modern UI styling → 🎨 현대적인 UI 스타일링

🚀 다음 아이디어

• 난이도 레벨 추가
• 파일에서 단어 로드
• 키보드 입력 추가
• 최고 점수 추적
• .exe 로 패키징

미리보기

모든 코드 스니펫을 프로젝트에 바로 복사할 수 있습니다.