2025.08.12

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

ratch2025

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

ラッチ先生

スック

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

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

ラッチ先生

基礎プログラムと画像を入れた
「見た目06 boonボーンの色を変えよう！」zipフォルダをダウンロードしてください

visual6

1 ファイル 19.43 KB

ダウンロード

スック

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

参考記事

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

Contents

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

学習の流れ

１秒ごとにランダムに選んだ場所で表示する

boonをクリックすると１回転する

boonをクリックすると色が変わる

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

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

モジュールを用意する

ラッチ先生

今回の「boonボーンの色を変えよう」では、
・ boonボーンをクリックする
・ boonボーンがランダムな場所へ移る
・ boonボーンの色を変える
プログラムがあります

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

スック

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

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

ラッチ先生

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

スック

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

スック

数字は、『 0～199 』の200段階だよ

１秒ごとにランダムに選んだ場所で表示する

ラッチ先生

最初に、
scheduleスケジュール_intervalインターバル( ) メゾットを使って
１秒ごとにランダムに決めた場所で表示させよう

Python

def boon_move():  #1 boonの動きを まとめる

    boon.x = random.randint(50, WIDTH-50)  #2 boonのx座標に 50～750から ランダムに決めて代入する
    boon.y = random.randint(50, HEIGHT-50) #3 boonのy座標を 50～540から ランダムに決めて代入する

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

Copy

def boon_move():  #1 boonの動きを まとめる

    boon.x = random.randint(50, WIDTH-50)  #2 boonのx座標に 50～750から ランダムに決めて代入する
    boon.y = random.randint(50, HEIGHT-50) #3 boonのy座標を 50～540から ランダムに決めて代入する

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

スック

簡単にできちゃったね

クリックすると１回転する

ラッチ先生

つぎは、
collideコライドpointポイント_pixelピクセル( ) メゾットを使って
クリックしたら boonボーンを１回転させよう

Python

is_rotating = False  #1 変数is_rotating（回転している？）に Falseを代入する
rotation_speed = 12  #2 変数ratation_speed（回転スピード）に 12を代入する

Copy

is_rotating = False  #1 変数is_rotating（回転している？）に Falseを代入する
rotation_speed = 12  #2 変数ratation_speed（回転スピード）に 12を代入する

Python

def on_mouse_down(pos):  #3 クリックした動きをまとめる 
    global is_rotating   #4 グローバル変数：is_rotating 
    
    if boon.collidepoint_pixel(pos):  #5 もし boonに クリックしたら
        is_rotating = True  #6 変数is_rotatingに Trueを代入する

Copy

def on_mouse_down(pos):  #3 クリックした動きをまとめる 
    global is_rotating   #4 グローバル変数：is_rotating 
    
    if boon.collidepoint_pixel(pos):  #5 もし boonに クリックしたら
        is_rotating = True  #6 変数is_rotatingに Trueを代入する

Python

def boon_rotate():      #1 boonの回転をまとめる
    global is_rotating  #2 グローバル変数：is_rotating

    if is_rotating:     #3 もし 変数is_rotatingが Trueなら
        boon.angle += rotation_speed  #4 boonの向きを 変数rotation_speed増え続ける

        if boon.angle >= 360:   #5 もし boonの向きが 360度以上になったら
            boon.angle = 0      #6 boonの向きに 0度を代入する 
            is_rotating = False #7 変数is_rotatingに Falseを代入する

def update():     #8 更新する
    boon_rotate() #9 boonの回転を実行する

Copy

def boon_rotate():      #1 boonの回転をまとめる
    global is_rotating  #2 グローバル変数：is_rotating

    if is_rotating:     #3 もし 変数is_rotatingが Trueなら
        boon.angle += rotation_speed  #4 boonの向きを 変数rotation_speed増え続ける

        if boon.angle >= 360:   #5 もし boonの向きが 360度以上になったら
            boon.angle = 0      #6 boonの向きに 0度を代入する 
            is_rotating = False #7 変数is_rotatingに Falseを代入する

def update():     #8 更新する
    boon_rotate() #9 boonの回転を実行する

スック

変数rotationロテイション_speedスピードで、回転の速さが変わるよ

クリックすると色が変わる

ラッチ先生

boonボーンの色を変えるために
VisualEffectビジュアルエフェクト( )を使います

Python

boon = VisualEffect("boon", (400, 300)) #1 変数boonに ビジュアルエフェクト（設計図）で作るboonを 代入する

Copy

boon = VisualEffect("boon", (400, 300)) #1 変数boonに ビジュアルエフェクト（設計図）で作るboonを 代入する

Python

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

Copy

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

ラッチ先生

changeチェンジ_colorカラー( ) メゾットを使って
boonボーンの色を変えよう

Python

def on_mouse_down(pos):  
    global is_rotating   
    
    if boon.collidepoint_pixel(pos): 
        is_rotating = True 
        boon.change_color(20)  #1 boonの色相を 20進めて、色を変える

Copy

def on_mouse_down(pos):  
    global is_rotating   
    
    if boon.collidepoint_pixel(pos): 
        is_rotating = True 
        boon.change_color(20)  #1 boonの色相を 20進めて、色を変える

ポイント

boonボーンの色を色相で表します。
色相とは、色の名前。0～199の数字で表します。

30. boonボーン.changeチェンジ_colorカラー(20) ･･･ boonボーンの色相を20進めて、色を変えます

スック

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

まとめ

ラッチ先生

今回は、
boonボーンをクリックすると色が変わるプログラムを作りました。

boonの色を変えよう！

Python

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

WIDTH = 800
HEIGHT = 590

boon = VisualEffect("boon", (400, 300)) 

is_rotating = False 
rotation_speed = 12 

def draw():
    screen.fill("white")
    boon.draw(screen)

def boon_move(): 

    boon.x = random.randint(50, WIDTH-50)  
    boon.y = random.randint(50, HEIGHT-50)

clock.schedule_interval(boon_move, 1.0)        

def on_mouse_down(pos):  
    global is_rotating   
    
    if boon.collidepoint_pixel(pos): 
        is_rotating = True 
        boon.change_color(20) 

def boon_rotate():  
    global is_rotating 

    if is_rotating: 
        boon.angle += rotation_speed 

        if boon.angle >= 360: 
            boon.angle = 0    
            is_rotating = False 

def update(): 
    boon_rotate() 

pgzrun.go()

Copy

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

WIDTH = 800
HEIGHT = 590

boon = VisualEffect("boon", (400, 300)) 

is_rotating = False 
rotation_speed = 12 

def draw():
    screen.fill("white")
    boon.draw(screen)

def boon_move(): 

    boon.x = random.randint(50, WIDTH-50)  
    boon.y = random.randint(50, HEIGHT-50)

clock.schedule_interval(boon_move, 1.0)        

def on_mouse_down(pos):  
    global is_rotating   
    
    if boon.collidepoint_pixel(pos): 
        is_rotating = True 
        boon.change_color(20) 

def boon_rotate():  
    global is_rotating 

    if is_rotating: 
        boon.angle += rotation_speed 

        if boon.angle >= 360: 
            boon.angle = 0    
            is_rotating = False 

def update(): 
    boon_rotate() 

pgzrun.go()

ラッチ先生

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

ラッチ先生

キャラクターの色を変えるプログラムを作る手順です。

スック

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

ABOUT ME

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

visual6

学習の流れ

１秒ごとにランダムに選んだ場所で表示する

boonをクリックすると１回転する

boonをクリックすると色が変わる

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

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

モジュールを用意する

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

１秒ごとにランダムに選んだ場所で表示する

クリックすると１回転する

クリックすると色が変わる

まとめ

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

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

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

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

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

visual6

学習の流れ

１秒ごとに ランダムに選んだ場所で表示する

boonをクリックすると １回転する

boonをクリックすると 色が 変わる

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

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

モジュールを 用意する

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

１秒ごとに ランダムに選んだ場所で 表示する

クリックすると １回転する

クリックすると 色が変わる

まとめ

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

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

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

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

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

１秒ごとにランダムに選んだ場所で表示する

boonをクリックすると１回転する

boonをクリックすると色が変わる

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

モジュールを用意する

１秒ごとにランダムに選んだ場所で表示する

クリックすると１回転する

クリックすると色が変わる