🌸 「なでしこ」
>
🍯 「貯蔵庫」
🍯 プログラム貯蔵庫
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
ログイン
していません。
[
📌文法
] [
🎨命令一覧
]
[編集モード] Pythonでサイコロ
Pythonでサイコロを表示
プログラム:
(→大)
(→textarea)
(→左右に配置)
<!DOCTYPE html> <meta charset="UTF-8"> <script type="module" src="https://pyscript.net/releases/2025.8.1/core.js"></script> <!-- サイコロを表示するCanvasと画像imgを用意 --- (※1) --> <canvas id="c" width="205" height="205" style="border: 2px solid gray"></canvas> <img id="i" src="https://n3s.nadesi.com/image.php?f=572.png" style="display:none"> <script type="py"> import js import random # 要素やオブジェクトを取得 --- (※2) canvas = js.document.getElementById("c") ctx = canvas.getContext("2d") image = js.document.getElementById("i") w = image.width // 6 # サイコロの幅を計算 # サイコロを振る --- (※3) r = random.randint(1, 6) - 1 # 画像の一部を切り取って表示 --- (※4) ctx.drawImage(image, r * w, 0, w, w, 0, 0, w, w) </script>
▶ 実 行 [F9]
クリア
一時保存
デバッグ
ブレイクポイント:
→ 再開
↓ 一行次へ
×
キャンバス: 幅
× 高
00d776c3be4df7a25a15f4ddd4c64347
3052
上書き保存
表示ページ
→直前に実行(または一時保存)した内容を復元
なでしこバージョン: v
素材のアップロード
ログイン
するとファイルをアップロードできます。