2025.08.07 2025.08.12

【Pygame Zero】キャラクターにモザイクを入れてみよう

ratch2025

こんにちは！
「Pythonしよう！楽しく学べるプログラミング教室」の
ラッチ先生です

ラッチ先生

スック

スックです。よろしくね！

今回のプロジェクトは、こちら！

ラッチ先生

今回のプロジェクトには、
boonボーンの他に矢印、星が登場します。

基礎プログラムと画像を入れた
「見た目05 boonボーンをねらえ！No.3」zipフォルダをダウンロードしてください

visual5

1 ファイル 63.44 KB

ダウンロード

スック

この基礎プログラムは、こちらの記事で解説しています

参考記事

【Pygame Zero】スクリーンに画像を表示させる

Contents

学習の流れ
プログラミングの仕方を説明します
まとめ

学習の流れ

回転する矢印をクリックすると星が飛ぶ

１秒ごと矢印に触れない所で表示する

星に当たるとモザイクがかかって消える

スペースキーを押すと再び boonが動き出す

プログラムを実行してみよう

プログラミングの仕方を説明します

モジュールを用意する

ラッチ先生

今回の「boonボーンをねらえ！No.3」ゲームでは、
・星が飛び出す
・ boonボーンがランダムな場所へ移る
・ boonボーンにモザイクをかける
プログラムがあります

そこで、３つのモジュールを用意しました

スック

モジュールとは、
関数やプログラムが書かれているファイルのことだよ

今回のプログラミングのポイント

ラッチ先生

今回のプログラミングには、ポイントが 3つあります

スック

これで、変数boonボーンに「 . （ドット）」を付ければ使えるよ

スック

processプロセス_animationアニメーション( )メゾットは、
アニメーション終了時にキャラクターを非表示にするよ

スック

それぞれの動きがわかりやすくなるよ

スック

両方２つに分けたよ

矢印をクリックすると星が飛ぶ

ラッチ先生

最初に、
矢印を動かすプログラムを作りましょう

Python

star_state = "ready"  #1 変数star_state(状態） 初期値："ready(準備)"
arrow_direction = 1   #2 変数arrow_direction（方向）初期値：1

Copy

star_state = "ready"  #1 変数star_state(状態） 初期値："ready(準備)"
arrow_direction = 1   #2 変数arrow_direction（方向）初期値：1

Python

def arrow_move():            #3 矢印の動きをまとめる
    global arrow_direction   #4 グローバル変数:arrow_state

    if star_state == "ready":           #5 もし 変数star_stateが"ready"なら
        arrow.angle += arrow_direction  #6 矢印の向きを 変数arrow_directionずつ 増やす
        if arrow.angle > 90 or arrow.angle < 0: #7 もし 矢印の向きが90度より大きく、また、0度より小さいなら
            arrow_direction = -arrow_direction  #8 変数arrow_directionに -1×arrow_directionを代入する

Copy

def arrow_move():            #3 矢印の動きをまとめる
    global arrow_direction   #4 グローバル変数:arrow_state

    if star_state == "ready":           #5 もし 変数star_stateが"ready"なら
        arrow.angle += arrow_direction  #6 矢印の向きを 変数arrow_directionずつ 増やす
        if arrow.angle > 90 or arrow.angle < 0: #7 もし 矢印の向きが90度より大きく、また、0度より小さいなら
            arrow_direction = -arrow_direction  #8 変数arrow_directionに -1×arrow_directionを代入する

Python

def update():    #9 更新する
    arrow_move() #10 矢印を動かす

Copy

def update():    #9 更新する
    arrow_move() #10 矢印を動かす

スック

updateアップデート()関数に
arrowアロー_moveムーヴ() 関数を入れることによって矢印が動くからね

ラッチ先生

次は、
defデフ onオン_mouseマウス_downダウン(posポス) 関数を使って、
矢印をクリックしたら星が飛び出すプログラムを作るよ

Python

def on_mouse_down(pos):  #1 マウスがクリックしたpos（座標）を取得する
    global star_state    #2 グローバル変数: arrow_state

    if star_state == "ready" and arrow.collidepoint_pixel(pos): #3 もし 変数star_stateが "ready" かつ 矢印を クリックしたら 
        star.angle = arrow.angle  #4 矢印の向きを 星の向きに 代入する
        star.move_forward(60)     #5 星を 60px前に出す
        star_state = "shoot"      #6 変数star_stateを "shoot(発射)"にする

Copy

def on_mouse_down(pos):  #1 マウスがクリックしたpos（座標）を取得する
    global star_state    #2 グローバル変数: arrow_state

    if star_state == "ready" and arrow.collidepoint_pixel(pos): #3 もし 変数star_stateが "ready" かつ 矢印を クリックしたら 
        star.angle = arrow.angle  #4 矢印の向きを 星の向きに 代入する
        star.move_forward(60)     #5 星を 60px前に出す
        star_state = "shoot"      #6 変数star_stateを "shoot(発射)"にする

ポイント

collideコライドpointポイント_pixelピクセル(posポス) メゾットで、
矢印がクリックされたか判定されます。

pythonしよう！見た目05：collidepoint_pixel()メゾットの解説

73. ifイフ arrowアロー.collideコライドpointポイント_pixelピクセル(posポス):
ifイフ文では、
　　arrowアロー.collideコライドpointポイント_pixelピクセル(posポス) が「1」になると『Trueトゥルー』になります

スック

へぇ～、クリックすると
星は、矢印の前に出てくるんだ

ラッチ先生

Actorアクター( )クラスになるプロパティ：visibleビジブルを使って
発射する前は星を非表示にしよう

Python

star.visible = False   #1 星を 非表示にする

Copy

star.visible = False   #1 星を 非表示にする

Python

def draw():
    screen.fill("white")
    boon.draw()  
    arrow.draw()
    if star.visible:   #2 もし 星が表示なら
        star.draw()    #3 星を 表示する

Copy

def draw():
    screen.fill("white")
    boon.draw()  
    arrow.draw()
    if star.visible:   #2 もし 星が表示なら
        star.draw()    #3 星を 表示する

Python

def star_move():       #4 星の動きをまとめる
    global star_state  #5 グローバル変数 star_state

    if star_state == "shoot":  #6 もし変数star_stateが "shoot（発射)なら
        star.visible = True    #7 星を 表示する
        star.move_forward(30)  #8 30pxずつ 動かす

        if star.x > WIDTH or star.y < 0:  #9 もし 星が端より先へ行ったら
            star.pos = 100, 500  #10 星の座標を 100, 500
            star.visible = False #11 星を 非表示にする
            star_state = "ready" #12 変数star_stateを "ready"にする

Copy

def star_move():       #4 星の動きをまとめる
    global star_state  #5 グローバル変数 star_state

    if star_state == "shoot":  #6 もし変数star_stateが "shoot（発射)なら
        star.visible = True    #7 星を 表示する
        star.move_forward(30)  #8 30pxずつ 動かす

        if star.x > WIDTH or star.y < 0:  #9 もし 星が端より先へ行ったら
            star.pos = 100, 500  #10 星の座標を 100, 500
            star.visible = False #11 星を 非表示にする
            star_state = "ready" #12 変数star_stateを "ready"にする

Python

def update(): 
    arrow_move() 
    star_move()  #13 星を 動かす

Copy

def update(): 
    arrow_move() 
    star_move()  #13 星を 動かす

スック

星が発射できるようになったね！

１秒ごとに矢印に当たらないように現れる

ラッチ先生

scheduleスケジュール_intervalインターバル( ) メゾットを使って
１秒ごと boonボーンをランダムに決めた場所へ表示されるよ

Python

boon_state = "move"

Copy

boon_state = "move"

Python

def boon_move():  #1 boonの動きを まとめる
    while True:   #2 繰り返す
        boon.x = random.randint(50, WIDTH-50)   #3 boonのx座標を 50～750から ランダムに選んで代入する
        boon.y = random.randint(50, HEIGHT-50)  #4 boonのy座標を 50～750から ランダムに選んで代入する
        if not boon.collide_pixel(arrow):  #5 もし 矢印に触れてなければ
            break #6 繰り返しから 外れる

clock.schedule_interval(boon_move, 1.0) #7 boon_move()関数を １秒ごとに 実行する

Copy

def boon_move():  #1 boonの動きを まとめる
    while True:   #2 繰り返す
        boon.x = random.randint(50, WIDTH-50)   #3 boonのx座標を 50～750から ランダムに選んで代入する
        boon.y = random.randint(50, HEIGHT-50)  #4 boonのy座標を 50～750から ランダムに選んで代入する
        if not boon.collide_pixel(arrow):  #5 もし 矢印に触れてなければ
            break #6 繰り返しから 外れる

clock.schedule_interval(boon_move, 1.0) #7 boon_move()関数を １秒ごとに 実行する

ポイント

58. Whileホワイル Trueトゥルー:
boonボーン.x = randomランダム.randintランドイント(50, WIDTHワイド-50)
boonボーン.y = randomランダム.randintランドイント(50, HEIGHTハイト-50)

Whileホワイル文を使って矢印触れない場所になるまで繰り返します。

スック

boonボーンの最初の場所は、決まっているの
狙われるよ

ラッチ先生

そうだね。
最初の座標もランダムに決められた場所にしよう！

ただし、矢印に触れられない範囲にするよ

Python

boon = Actor("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50)))

Copy

boon = Actor("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50)))

スック

最初だけ、boonボーンを表示する範囲を決めたよ

星に当たるとモザイクがかかって消える

ラッチ先生

boonボーンにモザイクをかけるのに
VisualEffectビジュアルエフェクト( )を使います

Python

boon = VisualEffect("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50)))  #1 変数boonに ビジュアルエフェクト（設計図）で作るboonを 代入する

Copy

boon = VisualEffect("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50)))  #1 変数boonに ビジュアルエフェクト（設計図）で作るboonを 代入する

Python

def draw():
    screen.fill("white")
    boon.draw(screen)   #2 スクリーンに boonを 表示する
    arrow.draw()
    if star.visible: 
        star.draw()

Copy

def draw():
    screen.fill("white")
    boon.draw(screen)   #2 スクリーンに boonを 表示する
    arrow.draw()
    if star.visible: 
        star.draw()

ラッチ先生

星に触れたら、
mozaicモザイク_animationアニメーション( ) メゾットと使って、
boonボーンにモザイクをかけていくよ

Python

def star_move(): 
    global star_state 

    if star_state == "shoot": 
        star.visible = True 
        star.move_forward(30) 

        if star.x > WIDTH or star.y < 0: 
            star.pos = 100, 500 
            star.visible = False 
            star_state = "ready" 

        elif star.collide_pixel(boon):  #1 もし 星が boonに 触れたら
            clock.unschedule(boon_move) #2 boon_move()関数を 止める
            boon.mozaic_animation()     #3 モザイクアニメーションを 開始する

Copy

def star_move(): 
    global star_state 

    if star_state == "shoot": 
        star.visible = True 
        star.move_forward(30) 

        if star.x > WIDTH or star.y < 0: 
            star.pos = 100, 500 
            star.visible = False 
            star_state = "ready" 

        elif star.collide_pixel(boon):  #1 もし 星が boonに 触れたら
            clock.unschedule(boon_move) #2 boon_move()関数を 止める
            boon.mozaic_animation()     #3 モザイクアニメーションを 開始する

Python

def update(): 
    global boon_state 
    arrow_move() 
    star_move() 
    result = boon.process_animation()  #4 アニメーションを 実行する
    if result == "finished": #5 変数result（結果）が、finished（終了） なら
        boon_state = "reset" #6 変数boon_stateに reset（リセット）を代入する

Copy

def update(): 
    global boon_state 
    arrow_move() 
    star_move() 
    result = boon.process_animation()  #4 アニメーションを 実行する
    if result == "finished": #5 変数result（結果）が、finished（終了） なら
        boon_state = "reset" #6 変数boon_stateに reset（リセット）を代入する

ポイント

55. clockクロック.unscheduleアンスケジュール(boonボーン_moveムーヴ)
　　unscheduleアンスケジュール( )メゾットで、boonボーンの動きを止めます

56. boonボーン.mozaicモザイク_animationアニメーション( )
ここから、boonボーンにモザイクをかけます。

pythonしよう！見た目05：mozaic_animation()メゾットの解説

71. resultリサルト = boonボーン.processプロセス_animationアニメーション()
　これで、モザイクをかけるアニメーションが実行します。

pythonしよう！見た目05：process_animation()メゾットの解説

　このprocessプロセス_animationアニメーション()メゾットは、返り値があるので
　変数resultリサルト（結果）の中に代入します。

72. ifイフ resultリサルト == “finishedフィニッシュド“:
73. boon_state = “reset”
　変数resultリサルトの中に “finishedフィニッシュド“が入ったらアニメーション終了です
変数boonボーン_stateステートに、”resetリセット“を代入します

ラッチ先生

モザイクをかける速さを変えたい場合は、
3つのプロパティを使って調整できます。

スック

ピクセルの増加量でモザイクになっていく速さが変わるよ

ポイント

animationアニメーション_speedスピード（アニメーションのスピード）
フレーム数でモザイクにする時間を変えます

　defデフ updateアップデート( ) 関数では、１秒間に約60フレーム更新されます。
　　・ animationアニメーション_speedスピード = 5 : 　　 5フレームごとアニメーション更新
　　・ animationアニメーション_speedスピード = 10 :　 10フレームごとアニメーション更新
　　・ animationアニメーション_speedスピード = 20:　　20フレームごとアニメーション更新

スック

animationアニメーション_speedスピードは、数字が大きくなると遅くなるよ

スック

モザイクの途中で止めることができるよ

みんなもいろいろ試してみてね

スペースキーを押して、リセットする

ラッチ先生

最後に、
onオン_keyキー_downダウン(keyキー)関数を使って
スペースキーを押したら、リセットされて動き出すプログラムを
作るよ

Python

def on_key_down(key):  #1 押されたキーを 取得する
    global boon_state  #2 グローバル変数:boon_state

    if boon_state == "reset" and key == keys.SPACE: #3 もし 変数が"reset" かつ スペースキーが 押されたら
        boon.reset_effects()   #4 boonを リセット（元に戻す）する
        boon.x = random.randint(200, WIDTH-50) #5 boonのx座標を 200～750からランダムに 決める
        boon.y = random.randint(50, HEIGHT-50) #6 boonのy座標を ５０～540からランダムに 決める
        boon_state = "move"  #7 変数boon_stateに "move"を代入する
        clock.schedule_interval(boon_move, 1.0) 　#8 boon_move関数を １秒後ごとに 実行する

Copy

def on_key_down(key):  #1 押されたキーを 取得する
    global boon_state  #2 グローバル変数:boon_state

    if boon_state == "reset" and key == keys.SPACE: #3 もし 変数が"reset" かつ スペースキーが 押されたら
        boon.reset_effects()   #4 boonを リセット（元に戻す）する
        boon.x = random.randint(200, WIDTH-50) #5 boonのx座標を 200～750からランダムに 決める
        boon.y = random.randint(50, HEIGHT-50) #6 boonのy座標を ５０～540からランダムに 決める
        boon_state = "move"  #7 変数boon_stateに "move"を代入する
        clock.schedule_interval(boon_move, 1.0) 　#8 boon_move関数を １秒後ごとに 実行する

スック

これで、今回の学習は終了！　おつかれさま

まとめ

ラッチ先生

今回は、
boonボーンに当てるとモザイクがかかる的当てゲームの
プログラムを作りました。

boonをねらえ！No.3

Python

import pgzrun
from pgzhelper import *
from visual import VisualEffect
import random

WIDTH = 800
HEIGHT = 590

boon = VisualEffect("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50))) 
arrow = Actor("arrow", (100, 500))
star = Actor("star", (100, 500))

star_state = "ready" 
arrow_direction = 1 
star.visible = False 
boon_state = "move" 

def draw():
    screen.fill("white")
    boon.draw(screen)  
    arrow.draw()
    if star.visible: 
        star.draw()

def arrow_move(): 
    global arrow_direction 

    if star_state == "ready": 
        arrow.angle += arrow_direction 

        if arrow.angle > 90 or arrow.angle < 0: 
            arrow_direction = -arrow_direction

def on_mouse_down(pos): 
    global star_state 

    if star_state == "ready" and arrow.collidepoint_pixel(pos): 
        star.angle = arrow.angle 
        star.move_forward(60) 
        star_state = "shoot" 

def star_move(): 
    global star_state 

    if star_state == "shoot": 
        star.visible = True 
        star.move_forward(30) 

        if star.x > WIDTH or star.y < 0: 
            star.pos = 100, 500 
            star.visible = False 
            star_state = "ready" 

        elif star.collide_pixel(boon): 
            clock.unschedule(boon_move) 
            boon.mozaic_animation() 

def boon_move():
    while True: 
        boon.x = random.randint(50, WIDTH-50)
        boon.y = random.randint(50, HEIGHT-50)
        if not boon.collide_pixel(arrow): 
            break 

clock.schedule_interval(boon_move, 1.0)

def update(): 
    global boon_state 
    arrow_move() 
    star_move() 
    result = boon.process_animation() 
    if result == "finished": 
        boon_state = "reset" 

def on_key_down(key): 
    global boon_state 

    if boon_state == "reset" and key == keys.SPACE: 
        boon.reset_effects()  
        boon.x = random.randint(200, WIDTH-50) 
        boon.y = random.randint(50, HEIGHT-50)
        boon_state = "move" 
        clock.schedule_interval(boon_move, 1.0) 

pgzrun.go()

Copy

import pgzrun
from pgzhelper import *
from visual import VisualEffect
import random

WIDTH = 800
HEIGHT = 590

boon = VisualEffect("boon", (random.randint(200, WIDTH-50), random.randint(50, HEIGHT-50))) 
arrow = Actor("arrow", (100, 500))
star = Actor("star", (100, 500))

star_state = "ready" 
arrow_direction = 1 
star.visible = False 
boon_state = "move" 

def draw():
    screen.fill("white")
    boon.draw(screen)  
    arrow.draw()
    if star.visible: 
        star.draw()

def arrow_move(): 
    global arrow_direction 

    if star_state == "ready": 
        arrow.angle += arrow_direction 

        if arrow.angle > 90 or arrow.angle < 0: 
            arrow_direction = -arrow_direction

def on_mouse_down(pos): 
    global star_state 

    if star_state == "ready" and arrow.collidepoint_pixel(pos): 
        star.angle = arrow.angle 
        star.move_forward(60) 
        star_state = "shoot" 

def star_move(): 
    global star_state 

    if star_state == "shoot": 
        star.visible = True 
        star.move_forward(30) 

        if star.x > WIDTH or star.y < 0: 
            star.pos = 100, 500 
            star.visible = False 
            star_state = "ready" 

        elif star.collide_pixel(boon): 
            clock.unschedule(boon_move) 
            boon.mozaic_animation() 

def boon_move():
    while True: 
        boon.x = random.randint(50, WIDTH-50)
        boon.y = random.randint(50, HEIGHT-50)
        if not boon.collide_pixel(arrow): 
            break 

clock.schedule_interval(boon_move, 1.0)

def update(): 
    global boon_state 
    arrow_move() 
    star_move() 
    result = boon.process_animation() 
    if result == "finished": 
        boon_state = "reset" 

def on_key_down(key): 
    global boon_state 

    if boon_state == "reset" and key == keys.SPACE: 
        boon.reset_effects()  
        boon.x = random.randint(200, WIDTH-50) 
        boon.y = random.randint(50, HEIGHT-50)
        boon_state = "move" 
        clock.schedule_interval(boon_move, 1.0) 

pgzrun.go()

ラッチ先生

キャラクターの見た目を変えるVisualEffectビジュアルエフェクト( )を使って、
boonボーンにモザイクをかけるプログラムを作りました。

ラッチ先生

キャラクターにモザイクをかけるプログラムを作る手順です。

ラッチ先生

モザイクをかけるアニメーションの変更は、
この3つのプロパティで行おう

スック

みんなも試してみてね
それじゃ、またね！

ABOUT ME

【Pygame Zero】キャラクターにモザイクを入れてみよう

visual5

学習の流れ

回転する矢印をクリックすると星が飛ぶ

１秒ごと矢印に触れない所で表示する

星に当たるとモザイクがかかって消える

スペースキーを押すと再び boonが動き出す

プログラムを実行してみよう

プログラミングの仕方を説明します

モジュールを用意する

今回のプログラミングのポイント

矢印をクリックすると星が飛ぶ

１秒ごとに矢印に当たらないように現れる

星に当たるとモザイクがかかって消える

スペースキーを押して、リセットする

まとめ

【Pygame Zero】キャラクターを透明にしてみよう

【Pygame Zero】コスチュームの大きさを変えよう

【Pygame Zero】キャラクターのコスチュームを変えよう

【Pygame Zero】キャラクターのコスチュームを変えよう２

【Pygame Zero】キャラクターの色を変えよう！

visual5

学習の流れ

回転する矢印を クリックすると 星が 飛ぶ

１秒ごと 矢印に触れない所で 表示する

星に当たると モザイクが かかって 消える

スペースキーを押すと 再び boonが動き出す

プログラムを 実行してみよう

プログラミングの仕方を説明します

モジュールを 用意する

今回のプログラミングのポイント

矢印を クリックすると 星が 飛ぶ

１秒ごとに 矢印に当たらないように現れる

星に当たると モザイクが かかって 消える

スペースキーを押して、リセットする

まとめ

【Pygame Zero】キャラクターを透明にしてみよう

【Pygame Zero】コスチュームの大きさを変えよう

【Pygame Zero】キャラクターのコスチュームを変えよう

【Pygame Zero】キャラクターのコスチュームを変えよう２

【Pygame Zero】キャラクターの色を 変えよう！

回転する矢印をクリックすると星が飛ぶ

１秒ごと矢印に触れない所で表示する

星に当たるとモザイクがかかって消える

スペースキーを押すと再び boonが動き出す

プログラムを実行してみよう

モジュールを用意する

矢印をクリックすると星が飛ぶ

１秒ごとに矢印に当たらないように現れる

星に当たるとモザイクがかかって消える

【Pygame Zero】キャラクターの色を変えよう！