Python 渋滞学 シミュレーション動画を作りたいがエラー colaboratory

Question

ヘディングのテキスト### 前提

プログラミング初心者です。知識の乏しさゆえ変なことを聞いていたらすいません。。

自分の環境は、macbook pro(2019年購入)、コードは「colaboratory」というサイトで書こうとしています。
コードを書くところがcolaboratoryである必要はないのですが、最終的に.ipynbファイルにできるものが必要で、使っています。

Matplotlibのインストールはおそらくできています。
写真に従い、バージョンが出力されたので
『』

実現したいこと

最終的には下記サイトの真ん中くらいにあるような、シミュレーション動画を作りたいです。
https://qiita.com/jabberwocky0139/items/e2526fc5ee3b0dbf144b
まんまcolaboratoryにコピーペーストしてもサイトのような動画の出力はできなかったので、色々足したりしましたがエラーが出ます、

発生している問題・エラーメッセージ

---------------------------------------------------------------------------

AttributeError                            Traceback (most recent call last)

<ipython-input-4-bc304a89546d> in <module>
     41 
     42 
---> 43 ani = animation.ArtistAnimation(x,v)
     44 rc('animation', html='jshtml') # 追加
     45 ani

1 frames

/usr/local/lib/python3.8/dist-packages/matplotlib/animation.py in __init__(self, fig, interval, repeat_delay, repeat, event_source, *args, **kwargs)
   1431         # sharing timers between animation objects for syncing animations.
   1432         if event_source is None:
-> 1433             event_source = fig.canvas.new_timer()
   1434             event_source.interval = self._interval
   1435 

AttributeError: 'numpy.ndarray' object has no attribute 'canvas'

該当のソースコード

```import numpy as np
from scipy.integrate import odeint
from matplotlib import animation, rc  # 追加


def trafficJam(f, t, a, c, L):
    """
    微分方程式の定義(odeint)
    f = [x, v]
    """
    x, v = f[:N], f[N:]

    def V(h):
        return np.tanh(h - c) + np.tanh(c)

    x_dot = v
    x = np.append(x, [x[0]])
    diff_x = np.diff(x)
    diff_x = np.array([i if i > 0 else L + i for i in diff_x])

    v_dot = a * (V(diff_x) - v)

    return np.append(x_dot, v_dot)


# 各定数
N, a, c, L = 30, 1.3, 2, 60

# 初期位置
x = np.arange(N) * L / N

# 初期速度
v = [(1 + np.tanh(c)) / 2] + ([1 + np.tanh(c)] * (N - 1)) # 最初の1台がブレーキをかける

# 時刻
t = np.arange(0, 200, 0.1)

# 微分方程式を解く 
var = odeint(trafficJam, np.append(x, v), t, args=(a, c, L), full_output=False)
x_arr, v_arr = var[:, :N], var[:, N:]


ani = animation.ArtistAnimation(x,v)
rc('animation', html='jshtml') # 追加
ani

試したこと

色々サイトを調べてみたのですがわかりませんでした、すいません。。。

補足情報（FW/ツールのバージョンなど）

・ここにより詳細な情報を記載してください。

以下は背景です、
最終目標の、シミュレーションの動画を作りたいのは以下の数理モデルです。
時間微分は4次のルンゲクッタ法で求めるというもの。

・パラメーター

ソースコードは.py ファイルもしくは.ipynb
動画はmp4形式にしたいです。

Comments

[meg_]

animation.ArtistAnimationは画像等からアニメーションを作成するものなので、画像や図はあらかじめ作成しておく必要があるかと思います。numpy.ndarrayを引数に渡してもダメですね。

[melian]

参照されている Qiita の記事に投稿者の方がコメントを付けていて、そこにアニメーション作成のコードを載せてくれています。それをコピペして実行してみましたが問題なく表示されました。

[araharu]

melian様　
記述した通り、colaboratoryでは何も出力されませんでした。

[araharu]

meg_様
すいません、知識がなくて、どうしたらいいかわからないです。。

[melian]

もちろん、以下の部分は削除してありますね？

ani = animation.ArtistAnimation(x,v)
rc('animation', html='jshtml') # 追加
ani

[araharu]

melian様
回答ありがとうございます。
サイトのまんまコピーして、できませんでした。

以前も他のコードでcolaboratoryだからできないこともあったのでそれのせいかと思います。

[melian]

Colaboratory を使うのではなく、ローカルのPCに実行環境をセットアップする方が確実でしょう。

[araharu]

回答ありがとうございます。
記述してある通り知識が乏しいので、そうなった方が難しいのかなと思います。
melian様がColaboratoryでの場合、どうかけばいいかわからない場合はしょうがないので他の方の回答を待とうかと思います。

[melian]

Colaboratory のノートブックにコピペして実行してみると、(時間は掛かりますが)アニメーションが表示されましたよ。また、contents フォルダに output.mp4 ファイルが作成されていて、ダウンロードして再生すると同じアニメーションが表示されています。

[araharu]

回答ありがとうございます。
表示されましたか？？
何で自分はできないのでしょうか(> <)

[araharu]

contentsフォルダとはどれですか？

[araharu]

事前準備とかそう言った問題ですかね

[melian]

> 何で自分はできないのでしょうか(> <)

判りません。回答が付かないのは誰が実行しても問題なく表示されるからでしょう。

> contentsフォルダ

サイドメニューにあるフォルダアイコンをクリックすれば内容が表示されます。

[araharu]

contentsフォルダは見つけましたが output.mp4 ファイルはないですね。。。

[melian]

ani.save("output.mp4", writer=writer)

の行をコピーしていますか？ そもそもコードをコピペする段階で間違いがあるのではないでしょうか。

[araharu]

元々コーディングが乏しく、サイトのものは本来作りたいシミュレーションではないのですが近しいもので一旦動作などをみて考えてみよう、という感じでやってみて、しかしわからず今回の質問に至りました。。。
なのでそういった経緯のコピペですね。
実際に作りたいシミュレーションは一番最後に書いてある数理モデルです。

[araharu]

ani.save("output.mp4", writer=writer)
も書かないと何ですね(><)
回答ありがとうございます。
本当に知識が乏しくて、申し訳ないです。。。

[araharu]

ローカル環境の構築、思っていたより簡単にできたのでそっちでやってみようと思います！