【python】イラストアプリの色替えにバグが出る

Question

始めまして、python もといpygameを用いたプログラミングについてご質問があり、書き込ませていただきました。

pygameを用いたイラストアプリケーションを下記のサイトを参考にして作成しているのですが
マウスイベントの作成

色を変更すると既にキャンバスに描いた色も変わってしまうバグが治らず、苦戦しております。

#!/usr/bin/env python
# _*_ coding: utf-8 _*_

import pygame
from pygame.locals import *
import sys

####ウィンドウサイズ横640縦480####
SCREEN_SIZE = (640, 480)

pygame.init()   #初期化
screen = pygame.display.set_mode(SCREEN_SIZE)
pygame.display.set_caption("お絵かき")          #タイトル名

####素材の追加####
#背景
backImg = pygame.image.load("canvas.png").convert()
#色
blackImg = pygame.image.load("circle_black.png").convert_alpha()
redImg = pygame.image.load("circle_red.png").convert_alpha()
yellowImg = pygame.image.load("circle_yellow.png").convert_alpha()
mizuiroImg = pygame.image.load("circle_mizuiro.png").convert_alpha()
perplueImg = pygame.image.load("circle_perplue.png").convert_alpha()
blueImg = pygame.image.load("circle_blue.png").convert_alpha()
greenImg = pygame.image.load("circle_green.png").convert_alpha()
#カラーアイコン
blackIcon = pygame.image.load("block_black.png").convert_alpha()
redIcon = pygame.image.load("block_red.png").convert_alpha()
yellowIcon = pygame.image.load("block_yellow.png").convert_alpha()
mizuiroIcon = pygame.image.load("block_mizuiro.png").convert_alpha()
perplueIcon = pygame.image.load("block_perplue.png").convert_alpha()
blueIcon = pygame.image.load("block_blue.png").convert_alpha()
greenIcon = pygame.image.load("block_green.png").convert_alpha()
whiteIcon = pygame.image.load("block_white.png").convert_alpha()
#ボタン
changebutton = pygame.image.load("button.png").convert_alpha()

#色と太さ
color_list = [blackImg, redImg, yellowImg, mizuiroImg, perplueImg,
              blueImg, greenImg]

color_Icon = [blackIcon, redIcon, yellowIcon, mizuiroIcon, perplueIcon,
              blueIcon, greenIcon, whiteIcon]

cur_pos = (0,0)         #色の位置
pythons_pos = []
c = 5                   #色番号を格納する変数と初期色


####描画ループ処理####
while True:
    
    screen.blit(backImg,(0,0))          #背景
    screen.blit(color_Icon[0],(30,6))   #ボタンの位置
    screen.blit(color_Icon[1],(60,6))
    screen.blit(color_Icon[2],(90,6))
    screen.blit(color_Icon[3],(120,6))
    screen.blit(color_Icon[4],(150,6))
    screen.blit(color_Icon[5],(180,6))
    screen.blit(color_Icon[6],(210,6))
    screen.blit(color_Icon[7],(240,6))
    
    #描画処理
    mouse_pressed = pygame.mouse.get_pressed()
    if mouse_pressed[0]:
        #メニューに色が及ばないようにする
        if y >= 30:
            x, y = pygame.mouse.get_pos()
            x -= color_list[c].get_width() / 2
            y -= color_list[c].get_height() / 2
            pythons_pos.append((x,y))
            
        #黒変更
        if x >= 30 and x <= 50 and y >= 6 and y <= 26:
            c = 0

        #赤変更
        if x >= 60 and x <= 80 and y >= 6 and y <= 26:
            c = 1

        #黄変更
        if x >= 90 and x <= 110 and y >= 6 and y <=26:
            c = 2

    #マウスの位置に色を追従させる
    x, y = pygame.mouse.get_pos()
    #メニュー領域に色が追従しないようにする
    if y >= 35: 
        x -= color_list[c].get_width() / 2
        y -= color_list[c].get_height() / 2
        cur_pos = (x,y)

    #キャンパスに色を落とす
    screen.blit(color_list[c], cur_pos)
    for i, j in pythons_pos:
        screen.blit(color_list[c],(i,j)) 
    pygame.display.update()

    #終了処理
    for event in pygame.event.get():
        if event.type == QUIT:
            sys.exit()

どなたかわかる方は回答して頂けると助かります。

Answer 1

x, y = pygame.mouse.get_pos() の位置が変だとは思いますが、それは一先ず置いておいて・・・

pythons_pos.append((x,y)) を pythons_pos.append((x,y,c)) に
for i, j in pythons_pos: を for i, j,d in pythons_pos: に
screen.blit(color_list[c],(i,j)) を screen.blit(color_list[d],(i,j)) に
それぞれ変更すると、色の上書きは無くなるのではないでしょうか。

上記で何が変わるか？ですが、
１個目の変更で、pythons_pos リストに 位置だけ(x,y) を格納していたのを、位置と色(x,y,c)を格納するように変更しました。
２個目の変更で、for 文を位置(i,j)を取り出していたのを、位置と色(i,j,d)を取り出すように変更しました。
３個目の変更で、blitに与える色が 全部共通のc だったのを 上記変更で出てくる色dを与えるように変更しました。

Comments

[Gluek731]

出来ました！　
pygameの扱いになれてなくてpythons_posに位置以外の値も入れられるのを初めて知りました