tkinterで、アニメーションの解像度を上げたい。

Question

前提

pythonで、クリックにより画像を回転させ、再度クリックすることで回転が止まるアニメーションを作成しています。
画像が回転している間、画像の縁 (直線部分) がモアレ柄のようになってしまいます。

改善方法を模索していますが、良い方法が見つからないためアドバイスをいただけたら幸いです。

実現したいこと

アニメーションの解像度を上げたいと考えています。
アニメーションの動きに直結するのは、"press_L"および"press_R"という名前のイベントです。

該当のソースコード

#---SVV測定に使用する画像の作成---

from PIL import Image, ImageDraw

#背景色が黒色のキャンパスを作成。
im = Image.new('RGB', (500, 500), (0, 0, 0))
draw = ImageDraw.Draw(im)


#中央に線を描画
draw.line((50, 250, 450, 250), fill=(255, 255, 255), width=10)


#同じサイズの画像を作成
im_clear = Image.new("RGBA", im.size, (0, 0, 0, 0))
width = im.size[0]
height = im.size[1]


#色ごとに処理
for x in range(width):
    for y in range(height):
        pixel = im.getpixel( (x, y) )
        
        # 黒なら処理しない
        if pixel[0] == 0 and pixel[1] == 0 and pixel[2] == 0:
            continue
        
        # 黒以外なら、用意した画像にピクセルを書き込み
        im_clear.putpixel( (x, y), pixel )


#SVVで表示させるバーをpng形式で保存
im_clear.save("D:\EXPERIMENT\programming\Python\SVV\svv_bar.png", quality=100)



#---透明なpng画像の作成---

#画像サイズの指定
WIDTH = 1500
HEIGHT = 1000


#新しい画像を作成
im_snow = Image.new("RGBA", (WIDTH, HEIGHT), (0, 0, 0, 0))


#新しい画像をもう一つ作成
im_snow2 = Image.new("RGBA", (WIDTH, HEIGHT), (0, 0, 0, 0))


#色ごとに処理
for x in range(width):
    for y in range(height):
        pixel = im_snow2.getpixel( (x, y) )
        
        # 黒なら処理しない
        if pixel[0] == 0 and pixel[1] == 0 and pixel[2] == 0:
            continue
        
        # 黒以外なら、用意した画像にピクセルを書き込み
        im_snow.putpixel( (x, y), pixel )


#透明な画像をpng形式で保存
im_snow.save("D:\EXPERIMENT\programming\Python\SVV\svv_snow.png", quality=100)



#---測定コード---

import tkinter as tk
from PIL import Image, ImageTk


#画面サイズの指定
WIDTH = 1300
HEIGHT = 800


#新規ウィンドウを作成
root = tk.Tk()
root.title("SVV測定")
root.attributes("-fullscreen", True)


#ウィンドウ上にフレームを作成
frame = tk.Frame(root)
#frame = tk.Frame(root, width = root.winfo_screenwidth(), height = root.winfo_screenheight(), bg = "green")
frame.pack()


#フレーム上に、キャンバスを作成
canvas = tk.Canvas(frame, width = WIDTH, height = HEIGHT, bg = "black")
canvas.pack()


#画像のプリセット角を"cs"として定義
cs = 0


#キャンバスにSVV画像を貼り付け
img = Image.open("D:\EXPERIMENT\programming\Python\SVV\svv_bar.png")
img = img.rotate(cs)
tkimg = ImageTk.PhotoImage(img, width = WIDTH, height = HEIGHT)
canvas.create_image(WIDTH/2, HEIGHT/2, image=tkimg, anchor="center", tags="img")


#キャンバスに、透明な画像を貼り付け
img_snow = Image.open("D:\EXPERIMENT\programming\Python\SVV\svv_snow.png")
tkimg_snow = ImageTk.PhotoImage(img_snow, width = WIDTH, height = HEIGHT)
canvas.create_image(WIDTH/2, HEIGHT/2, image=tkimg_snow, anchor="center", tags="img_snow")


#"c"の初期値を定義
c = 0


#イベントが発生したときの処理
def press_L(event):
 #左クリックの回数によって、左回転させる
 global img
 global tkimg
 global c
 c = c + 0.1
 IMG = img.rotate(c)
 tkimg = ImageTk.PhotoImage(IMG)
 canvas.create_image(WIDTH/2, HEIGHT/2, image = tkimg, anchor = "center", tags = "img")
 canvas.create_image(WIDTH/2, HEIGHT/2, image=tkimg_snow, anchor = "center", tags="img_snow")
 id = root.after(1, press_L, None)
 def stop_L(event):
  #左クリックで、左回転をストップする
  root.after_cancel(id)
  canvas.tag_bind("img_snow", "<ButtonPress-1>", press_L)
  canvas.tag_bind("img_snow", "<ButtonPress-3>", press_R)
 def stop_L_by_R(event):
  #右クリックでも、左回転をストップする
  root.after_cancel(id)
  canvas.tag_bind("img_snow", "<ButtonPress-3>", press_R)
 canvas.tag_bind("img_snow", "<ButtonPress-1>", stop_L)
 canvas.tag_bind("img_snow", "<ButtonPress-3>", stop_L_by_R)


def press_R(event):
 #右クリックの回数によって、右回転させる
 global img
 global tkimg
 global c
 c = c - 0.1
 IMG = img.rotate(c)
 tkimg = ImageTk.PhotoImage(IMG)
 canvas.create_image(WIDTH/2, HEIGHT/2, image = tkimg, anchor = "center", tags = "img")
 canvas.create_image(WIDTH/2, HEIGHT/2, image=tkimg_snow, anchor = "center", tags="img_snow")
 id = root.after(1, press_R, None)
 def stop_R(event):
  #右クリックで、右回転をストップする
  root.after_cancel(id)
  canvas.tag_bind("img_snow", "<ButtonPress-3>", press_R)
  canvas.tag_bind("img_snow", "<ButtonPress-1>", press_L)
 def stop_R_by_L(event):
  #左クリックでも、右回転をストップする
  root.after_cancel(id)
  canvas.tag_bind("img_snow", "<ButtonPress-1>", press_L)
 canvas.tag_bind("img_snow", "<ButtonPress-3>", stop_R)
 canvas.tag_bind("img_snow", "<ButtonPress-1>", stop_R_by_L)


def finish(event):
 #Enterキーを押すことで全画面表示を終了し、回転角度を取得する
 root.destroy()
 print(-c)


#左クリックで呼び出すイベント
canvas.tag_bind("img_snow", "<ButtonPress-1>", press_L)


#右クリックで呼び出すイベント
canvas.tag_bind("img_snow", "<ButtonPress-3>", press_R)


#Enterキーで呼び出すイベント
root.bind("<Return>", finish)


#メインループ
root.mainloop()

試したこと

最初に作成する画像の縁をあらかじめ少しぼかしておく方法などを試しましたが、ぼかさずに回転させないと使用目的にマッチしませんでした。

Comments

[jbpb0]

「img.rotate()」で「resample」を指定したら、見え方が変わりませんでしょうか？

参考
https://note.nkmk.me/python-pillow-rotate/
の「リサンプリングフィルター: 引数resample」

[ppap]

解像度が良くなり、解決しました。
難しいことばかり考えて、調べたら分かるものを見落としていました。
URLまで添えて教えてくださり、本当にありがとうございます。

「resample」で解決したので、お手数ですが回答欄に同様の投稿をいただけないでしょうか？
ベストアンサーに選択し、この質問を解決済みにできればと思います。

Answer 1

「img.rotate()」で「resample」を指定してみてください

参考
Python, Pillowで画像を回転するrotate
の「リサンプリングフィルター: 引数resample」

Comments

[ppap]

ありがとうございます。

Answer 2

create_image は新たな図形を作ります。以前にcreate_imageした図形をdeleteしないとメモリをどんどん消費して重たくなりますよ。
事前に state='hidden' ですべて create_imageしておいて、表示したいイメージだけ state='normal' に設定変更するようにすると改善するかもしれません。

線のモアレ（ギザギザ？）ならアンチエイリアス処理をすればいいかもしれません。方法はわかりませんけど。
それと、テレビ放送でも1秒間に30コマ(33ミリ秒/コマ)、ゲームで秒60コマ(16ミリ秒/コマ)や120コマ(8ミリ秒/コマ)の描画でアニメーションしています。
afterで1ミリ秒毎に描画していたら、描画が追い付かなくてチラつく原因になっていると思いますよ。

Comments

[ppap]

アドバイスをありがとうございます。
state='hidden' の方法、試してみます。