Canvasの地色のみを透明にしたい

Question

前提・実現したいこと

今tkinterのCanvasを使ってゲームを作っています。

しかし1つ問題があり、canvasではオブジェクト同士が重なると、新しく作成されたオブジェクトのほうが上の様に来るようになります。

例えば、ゲーム内の画面では、背景の上にキャラクターが来て、キャラクターの前に手前側オブジェクトが来る、といった仕組みになっているのでこれを作成しようと思えば・・・
canvas=tk.Cancas.....
ゲームの背景=canvas.create_image.....
キャラクター=canvas.create_image.....
手前側オブジェクト=canvas.create_image.....
といった順番で作成されます。

しかし、ゲーム中で新しいキャラクターを登場させることになれば、それは手前側オブジェクトよりも新しく作成されることになるので、その新しいキャラクターとオブジェクトが重なったら、キャラクターが手前側に来てしまいます。

つまり、
手前側オブジェクト=canvas.create_image.....
の後で
キャラクター2=canvas.create_image.....
をすると、キャラクター2が手前側オブジェクトの前に来てしまう。

該当のソースコード

import tkinter as tk

class App(object):
    def GUI(self):
        root=tk.Tk()
        root.geometry("300x300")
        img001=tk.PhotoImage(file="picture001.png")
        img002=tk.PhotoImage(file="picture002.png")

        #奥側のCanvas
        Background_Layer=tk.Canvas(width=400, height=400)
        Background_Layer.place(x=0,y=0)
        #手前のCanvas
        Floor_Layer=tk.Canvas(width=400, height=400)
        Floor_Layer.place(x=0,y=0)

        #奥側のCanvasに書くもの
        Background_Img=Background_Layer.create_image(220, 220, image=img001)
        #手前のCanvasに書くもの
        item_Img=Floor_Layer.create_image(20, 20, image=img002)

        #id = Floor_Layer.create_bitmap(0, 0,bitmap=img002)うまく行かなかった・・・

        root.mainloop()


app=App()
app.GUI()

試したこと

そこでこの問題を解決するには、１つのCanvas上に画像を生成するのではなく、ゲーム背景専用、キャラークター専用そして手前側オブジェクト専用のCanvasを作成して、Canvasを重ね合わせて、それぞれのオブジェクト(ゲーム背景、キャラクター、オブジェクト)をそれぞれの対応するCanvas(ゲーム背景専用、キャラークター専用そして手前側オブジェクト専用)で作成すれば問題は解決できると思うんです。

つまり、１つのCanvasの上にすべての画像を作成しようとすると、新しいもの順に表示されてしまうけど
それぞれのCanvasで新しい画像を生成しても、その上にはほかのCanvasがあるからしっかりと期待した順番に表示される　という感じになると思うんです。

Back_Ground_Layer=tk.Cancas.....
Character_Layer=tk.Cancas.....
Object_Layer=tk.Cancas.....

ゲームの背景=Back_Ground_Layer.create_image.....
キャラクター=Character_Layer.create_image.....
手前側オブジェクト=Object_Layer.create_image.....

しかしそこで他の問題がありまして・・・
実は、Canvasを作成するときには、Canvasの地色も設定しないといけないのですが、この地色が問題なのです。
地色を透明に出来れば、下に来るCanvasのアイテムも見れるようになるのですが、透明になれなければ下のCanvasを覆いかぶさなってしまいます。

そこで、Canvasの地色を透明にする方法を探しているのですが・・・どうすればいいでしょうか？
また、他の解決方法などはありますでしょうか？

もう少し調べてみたところ、外国語のサイトでちらっと、pygameモジュールを使って透明なスプライトが作れる、といったページを見かけたのですが、tkinterで背景だけが透明なスプライトを作成するのは無理なのでしょうか？
また、pygameのモジュールで背景が透明なスプライトを作ることは可能なのでしょうか？

Answer 1

RGBAの情報がある画像であれば透過させて表示できるはずです。

下記ページなどが参考になりませんか。

python - How do I make Tkinter support PNG transparency? - Stack Overflow

Comments

[tomo1998]

RGBA・・・調べてみたら、色を表す以外RGBに透過色が記載されている情報を含んだ画像、の事ですね？
申し訳ないのですが、この方法じゃダメなのです。
確かに画像に透明色があれば、透過されている部分から、画像下にある他の画像を見れたりできます。
1つのCanvas上で透明色がある画像を２つ重ねれば、この方法では問題ありません。

しかし・・・
分かりにくかったらすいませんが、ちょっと文章で示しますね。
右側が人から見た方向で・・・
Canvasが1つの場合は・・・
CanvasA-画像1(透過色あり)-画像2(透過色あり)
と、なるので画像1と2がCanvasAを覆っていない場所はCanvasAの色が表示されています

しかし、自分がやろうとしているのは・・・
Canvasを2つ以上重ねたいので・・・
CanvasA-画像1(透過色あり)-CanvasB-画像2(透過色あり)
といった感じなのです。例え画像2が透過されてても、CanvasBの地色が画像1の上をすべてをカバーしてしまい、画像1が見えなくなってしまいます。
どうかお力を貸してください m(_ _)m

[hayataka2049]

なるほど。create_bitmapの方で描画するとできそうなので、そちらを試してみてください。

http://effbot.org/tkinterbook/canvas.htm#Tkinter.Canvas.create_bitmap-method
＞background=
＞Background color, used for pixels that are “off”. Use an empty string to make the background transparent. Default is transparent.

[tomo1998]

うーん・・・試してみたのですが、うまく行きません(￣▽￣;)
ちょっとコードを上の方に挙げてきますね