初心者向け No.19

サイコロシミュレーター

1〜6のサイコロをパラパラ演出付きで振るシミュレーター。Canvasに目を描く描画とafter()で動きを付ける方法を学びます。

🎯 難易度: ★☆☆ 📦 ライブラリ: tkinter（標準ライブラリ） 🧩 作るもの: Canvasに目を描くサイコロと出目の回数集計（全135行）

📋 目次

1. アプリ概要
2. 機能一覧
3. 事前準備・環境
4. 完全なソースコード
5. コード解説
6. ステップバイステップガイド
7. カスタマイズアイデア
8. よくある問題と解決法
9. 練習問題

1. アプリ概要

手元にサイコロがないときに画面上で振れて、1〜6の目がそれぞれ何回出たかも数えるシミュレーターです。Canvasに目を描く描画と、after()でパラパラ演出を付ける方法を学びます。

「🎲 振る！」を押すと80ミリ秒ごとに仮の目を6回描き替えてから本当の目を確定し、演出中に押した分は無視します。

サイコロシミュレーター実行画面（Windows）。Canvas に描かれた四角いサイコロと丸い目が表示されています — 実行画面（Windows・Canvas 描画への変更後に撮影／統計欄の ⚀〜⚅ は絵文字のまま）

サイコロシミュレーター実行画面（Linux Mint）。Canvas に描かれた四角いサイコロと丸い目が表示されています — 実行画面（Linux Mint・Canvas 描画への変更後に撮影）

2. 機能一覧

「🎲 振る！」ボタン（roll()）・「リセット」ボタン（reset()）で操作
after(80, ...) による80ミリ秒間隔の _animate() 呼び出し（画面の自動更新）
ウィンドウはタイトル「サイコロシミュレーター」・サイズ 400x465 で起動

3. 事前準備・環境

ℹ️

動作確認環境

Python 3.11 以上（Ubuntu で 3.14・3.15 の起動を確認） / Windows 11（実機）で起動・基本操作を確認／ Linux Mint 22.3（仮想マシン）で起動・画面表示を確認（macOS は未検証）

Windows 11（実機）で起動と基本操作を確認しています（全機能の網羅テストではありません）。Linux Mint 22.3（仮想マシン）では起動と画面表示を確認しました。macOS は標準ライブラリの範囲で動作する想定ですが、未検証です。

Python 3.11 以上（Ubuntu で 3.14・3.15 の起動を確認）
OS: Windows 11（実機で起動・基本操作を確認）・Linux Mint 22.3（仮想マシンで起動・画面表示を確認）

4. 完全なソースコード

💡

コードのコピー方法

右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。

✅ 追加インストール不要（標準ライブラリのみ使用）

app19.py

import tkinter as tk
from tkinter import ttk
import random


class App19:
    """サイコロシミュレーター"""

    FACES = {
        1: "⚀", 2: "⚁", 3: "⚂",
        4: "⚃", 5: "⚄", 6: "⚅",
    }
    # 各目のドット位置（サイコロ中心からの相対座標 -1〜+1）
    PIPS = {
        1: [(0, 0)],
        2: [(-1, -1), (1, 1)],
        3: [(-1, -1), (0, 0), (1, 1)],
        4: [(-1, -1), (-1, 1), (1, -1), (1, 1)],
        5: [(-1, -1), (-1, 1), (1, -1), (1, 1), (0, 0)],
        6: [(-1, -1), (-1, 0), (-1, 1), (1, -1), (1, 0), (1, 1)],
    }
    DIE_SIZE = 100

    def __init__(self, root):
        self.root = root
        self.root.title("サイコロシミュレーター")
        self.root.geometry("400x465")
        self.root.minsize(400, 465)
        self.root.configure(bg="#f8f9fc")
        self.roll_history = []
        self.rolling = False
        self._build_ui()

    def _build_ui(self):
        title_frame = tk.Frame(self.root, bg="#3776ab", pady=12)
        title_frame.pack(fill=tk.X)
        tk.Label(title_frame, text="サイコロシミュレーター",
                 font=("Noto Sans JP", 16, "bold"),
                 bg="#3776ab", fg="white").pack()

        main_frame = tk.Frame(self.root, bg="#f8f9fc", padx=24, pady=16)
        main_frame.pack(fill=tk.BOTH, expand=True)

        # サイコロ表示（Canvas に本体と目を描く）
        self.dice_canvas = tk.Canvas(main_frame, width=self.DIE_SIZE + 10,
                                     height=self.DIE_SIZE + 10,
                                     bg="#f8f9fc", highlightthickness=0)
        self.dice_canvas.pack(pady=(0, 4))
        self._draw_die(1)

        self.result_label = tk.Label(main_frame, text="ボタンを押してサイコロを振ろう！",
                                     bg="#f8f9fc", font=("Noto Sans JP", 12), fg="#555")
        self.result_label.pack(pady=(0, 10))

        # ボタン
        btn_frame = tk.Frame(main_frame, bg="#f8f9fc")
        btn_frame.pack()
        tk.Button(btn_frame, text="🎲 振る！", font=("Noto Sans JP", 14, "bold"),
                  bg="#3776ab", fg="white", activebackground="#2a5a8a",
                  relief=tk.RAISED, bd=0, padx=20, pady=8,
                  command=self.roll).pack(side=tk.LEFT, padx=8)
        ttk.Button(btn_frame, text="リセット", command=self.reset).pack(side=tk.LEFT)

        # 統計
        stats_frame = ttk.LabelFrame(main_frame, text="統計（各目の出た回数）", padding=8)
        stats_frame.pack(fill=tk.X, pady=(12, 0))
        self.stat_labels = {}
        bg_color = self.root.cget("bg")
        for col, face in enumerate(range(1, 7)):
            tk.Label(stats_frame, text=self.FACES[face],
                     font=("Segoe UI Emoji", 18), bg=bg_color).grid(
                row=0, column=col, padx=6)
            lbl = tk.Label(stats_frame, text="0",
                           font=("Noto Sans JP", 11), bg=bg_color, fg="#555")
            lbl.grid(row=1, column=col, padx=6)
            self.stat_labels[face] = lbl

        self.total_label = tk.Label(main_frame, text="合計: 0回",
                                    bg="#f8f9fc", font=("Noto Sans JP", 10), fg="#888")
        self.total_label.pack(pady=(6, 0))

    def _draw_die(self, value):
        """Canvas にサイコロを1個描く（本体は四角形・目は create_oval）"""
        c = self.dice_canvas
        c.delete("all")
        size = self.DIE_SIZE
        x0 = y0 = 5
        c.create_rectangle(x0, y0, x0 + size, y0 + size,
                           fill="white", outline="#333", width=3)
        cx, cy = x0 + size // 2, y0 + size // 2
        offset = size // 4      # 中心から目までの距離
        r = size // 10          # 目の半径
        for ox, oy in self.PIPS[value]:
            dx, dy = cx + ox * offset, cy + oy * offset
            c.create_oval(dx - r, dy - r, dx + r, dy + r,
                          fill="#1f2933", outline="")

    def roll(self):
        if self.rolling:        # 演出中の連打を無視
            return
        self.rolling = True
        self._animate(6)

    def _animate(self, remaining):
        # after() で 80ms ごとに仮の目を描き、最後に本当の目を確定する
        if remaining > 0:
            self._draw_die(random.randint(1, 6))
            self.root.after(80, self._animate, remaining - 1)
            return
        result = random.randint(1, 6)
        self._draw_die(result)
        self.result_label.config(text=f"出た目: {result}")
        self.roll_history.append(result)
        self._update_stats()
        self.rolling = False

    def _update_stats(self):
        for face in range(1, 7):
            count = self.roll_history.count(face)
            self.stat_labels[face].config(text=str(count))
        self.total_label.config(text=f"合計: {len(self.roll_history)}回")

    def reset(self):
        self.roll_history.clear()
        self._draw_die(1)
        self.result_label.config(text="ボタンを押してサイコロを振ろう！")
        for lbl in self.stat_labels.values():
            lbl.config(text="0")
        self.total_label.config(text="合計: 0回")


if __name__ == "__main__":
    root = tk.Tk()
    app = App19(root)
    root.mainloop()

5. コード解説

サイコロシミュレーターのコードを、実際に書かれている実装に沿って解説します。

クラス設計とコンストラクタ

App19 クラスにアプリの全機能をまとめています（メソッド7個・全135行）。__init__ ではタイトル「サイコロシミュレーター」とウィンドウサイズ 400x465 を設定します。あわせて状態を保持する変数（self.rolling）を初期化し、最後に _build_ui() で画面を組み立てます。