カラーバーの色の変化がアニメーションと静止画で異なる

Question

###発生している問題
以下のコードを実行して作成したアニメーションと静止画ではカラーバーの色の変化が異なります。
静止画ではカラーバーの色の変化がグラデーションに変化するのに対して、アニメーションの場合は段階的に変化します。これはコードのどこかにミスがあるのでしょうか？

###アニメーションを作成するコード
以下のコードはGoogle Colabにて実行しました。

%matplotlib inline
import matplotlib.pyplot as plt
import numpy as np
import matplotlib.animation as animation
from IPython.display import Image

#結果を描画するための図の作成
fig, ax = plt.subplots(figsize=(8, 6))
x, y = np.mgrid[-10:11, -10:11]

#各画像を一時的に保存するためのリスト
ims = []

#ランダムな値をxy平面にプロットした画像をfor文で100枚作成
for i in range(0, 100):
	z = np.random.randint(-15, 15, x.shape)
	pcm = ax.pcolormesh(x, y, z, shading="gouraud", cmap="gray", vmin = 0, vmax = 10)
	ims.append([pcm]) #各フレーム画像をimsに追加
ax.set_xlabel("x", fontsize=22)
ax.set_ylabel("y", fontsize=22)
fig.colorbar(pcm)
plt.close(fig)

#アニメーションの作成と表示
ani = animation.ArtistAnimation(fig, ims, interval=10)
ani.save("result.gif", writer="pillow")
Image('./result.gif', format='png')

gifデータを貼り付けれなかったので、スクショになりますが、次のようなカラーバーを持つgifが作成されます。

###静止画を作成するコード

fig, ax = plt.subplots(figsize=(8, 6))
x, y = np.mgrid[-10:11, -10:11]
z = np.random.randint(-15, 15, x.shape)
pcm = ax.pcolormesh(x, y, z, shading="gouraud", cmap="gray", vmin = 0, vmax = 10)
ax.set_xlabel("x", fontsize=22)
ax.set_ylabel("y", fontsize=22)
fig.colorbar(pcm)

このコードを実行すると、以下の画像が作成されます。

###気になっていること
カラーバーに対して初期化行う、というサイトを見たのですが、何をしているのかいまいち分かりませんでした。ありえない気はしますが、for文で画像を作成しているうちにカラーバーを上書きしていった可能性はあるのでしょうか？

以上になります。どうぞよろしくお願い致します。

Answer 1

私の環境では、

ani.save("result.gif", writer="pillow")

を

ani.save("result.gif")

にしたら、静止画像と同じきれいなグラデーションのカラーバーになりました。

writerキーワードを指定しないとデフォルトではffmpegが使われます。私の環境にはffmpegをインストールしてあるので、それが使われたようです。
Pillowは静止画用のライブラリ、ffmpegは動画用のライブラリなので、その違いが何か関係しているのかもしれませんね。

リンクされたページの、カラーバーを1回だけ初期化するのも試してみましたが、それでは変化はありませんでした。リンク先のページの画像も段階式に変化するカラーバーになっているので、これは関係ないようです。

Comments

[MF0524]

ご回答ありがとうございます。こちらの環境ではffmpegは利用できなかったので確認はできていませんが、納得しました。ありがとうございました。