{ "cells": [ { "cell_type": "markdown", "metadata": {}, "source": [ "# Les animations de graphiques \n", "\n", "Code sous licence creative commun CC BY-NC-SA BY Gaëlle Rebolini" ] }, { "cell_type": "raw", "metadata": { "raw_mimetype": "text/restructuredtext" }, "source": [ ":download:`Télécharger le pdf <./12-animation.pdf>`\n", "\n", ":download:`Télécharger le notebook <./12-animation.ipynb>`\n", "\n", ":download:`Lancer le notebook sur binder (lent) `" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "Une animation est une succession d'images s'affichant à intervalle de temps régulier.\n", "Le principe de ce programme est d'afficher les courbes les unes après les autres afin de créer une courbe animée." ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "Pour réaliser une courbe animée, il faut utiliser la méthode :\n", "\n", "**animation.FuncAnimation(fig, animate, init_func=init, frames=100, interval=30, blit=True,repeat=False)**\n", "\n", "Les paramètres sont les suivants :\n", "\n", "- fig : nom de la fenêtre graphique contenant la courbe à animer\n", "- animate : nom de la fonction permettant de tracer chaque image sucessivement à l'aide du paramètre i.\n", "- init_func : paramètre appelant la fonction init permettant de tracer le fond de chaque image à partir de l'objet fig\n", "- frames : nombre d'images constituant l'animation (ici 100 images)\n", "- interval : intervalle de temps séparant deux images successives en milliseconde (ici 30 ms)\n", "- blit : seuls les éléments de l'image modifiés seront redessinées à chaque image si blit est égal à True\n", "- repeat : l'animation ne s'exécutera qu'une fois, ne se repètera pas si repeat est égal à False.\n", "\n", "Il faut donc créer le graphique et les deux fonctions init et animate avant d'utiliser la méthode **animation.FuncAnimation()**\n", "\n", "Pour afficher l'animation dans un éditeur Python, la méthode **plt.show()** suffit.\n", "\n", "Pour l'afficher dans ce notebook, on est obligé de passer par un widget Javascript interactif \n", "(représentation HTML par défaut des objets Animation) en utilisant les lignes de code \n", "\n", "- **rc('animation', html='jshtml')**\n", "- **anim** (nom de l'animation dans le programme suivant)\n" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "Afin d'illustrer ce tutoriel, nous prendrons l'exemple de l'animation d'une onde progressive sinusoïdale.\n", "\n", "Voici le programme complet expliqué point par point :" ] }, { "cell_type": "code", "execution_count": 1, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n", "\n", "\n", "\n", "
\n", " \n", "
\n", " \n", "
\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "
\n", " Once \n", " Loop \n", " Reflect \n", "
\n", "
\n", "\n", "\n", "\n" ], "text/plain": [ "" ] }, "execution_count": 1, "metadata": {}, "output_type": "execute_result" } ], "source": [ "import numpy as np\n", "import matplotlib.pyplot as plt\n", "%matplotlib inline\n", "from matplotlib import animation, rc\n", "\n", "Ymax=0.2 # amplitude en m\n", "T=1 # période en s\n", "l=0.2 # longueur d'onde en m\n", "\n", "xmin=0 # valeur minimale de x\n", "xmax=3*l # valeur maximale de x afin d'afficher \n", " # 3 longueurs d'onde à l'écran\n", "nbx=100 # nombre de points sur le graphique\n", " \n", "# création du graphique (cf. tutoriels sur les graphiques)\n", "\n", "fig = plt.figure(figsize=(12,10)) \n", "plt.xlim(xmin,xmax)\n", "plt.ylim(-Ymax,Ymax)\n", "plt.grid()\n", "plt.xlabel(\"x(m)\")\n", "plt.ylabel(\"y(m)\")\n", "plt.title(\"animation : propagation d'une onde progressive \" \n", " \"sinusoïdale\")\n", "\n", "# création de la courbe que nous voulons animer. \n", "# Les listes contenant les valeurs de l'abscisse \n", "# et de l'ordonnée sont vides.\n", "# 'bo-' équivaut à color ='b',marker='o',styleline = '-'\n", "# L'indice de cette courbe vaut 0.\n", "\n", "line = plt.plot([0.3],[0],'r+',[], [],'bo-')\n", "\n", "\n", "# création de la fonction init : permet de tracer le fond \n", "# de chaque image à partir de la courbe définie ci-dessus\n", "# la méthode set_data permet de remplacer les valeurs des \n", "# coordonnées des points de la courbe (d'indice 0) de \n", "# l'objet line par des listes vides.\n", "\n", "def init():\n", " line[1].set_data([], []) \n", " return (line)\n", "\n", "# création de la fonction animate : permet de tracer \n", "# la courbe sur chaque image. \n", "# i = indice de l'image (0 pour la première image, \n", "# ..., n-1 pour la n ième image) \n", "\n", "def animate(i): \n", " dt=0.03 # période d'échantillonnage en seconde \n", " t=i*dt\n", " \n", " # création du tableau numpy contenant les valeurs de x\n", " x = np.linspace(xmin,xmax,nbx) \n", " \n", " # écriture de la fonction définissant y en fonction \n", " # de x et de t. \n", " y = Ymax*np.cos(2 * np.pi * (x/l - t/T)) \n", " \n", " # la méthode set_data permet de remplacer les valeurs \n", " # des coordonnées des points de la courbe d'indice 0 \n", " # de l'objet line par les valeurs de x et y\n", " line[1].set_data(x, y) \n", " return (line)\n", "\n", "# appel de la méthode animation.FuncAnimation() qui \n", "# permettra d'afficher successivement les images à \n", "# intervalle de temps régulier\n", "# le paramètre interval en ms doit être égal à la \n", "# période d'échantillonnage dt en seconde pour que le \n", "# temps t dans l'animation corresponde au temps \"réel\"\n", "\n", "anim=animation.FuncAnimation(fig, animate, init_func=init,\n", " frames=100, interval=30, blit=True,\n", " repeat=False)\n", "\n", "# fermeture des fenêtres une fois affichées afin de \n", "# gagner de la mémoire\n", "plt.close() \n", "\n", "# Lignes de commandes permettant de créer un widget Javascript \n", "# interactif (représentation HTML par défaut des objets Animation)\n", "# à remplacer par la méthode plt.show() dans un éditeur python du \n", "# type spyder.\n", "# attention au paramétrage dans spyder : \n", "# menu outils> préférences> console IPython> Graphiques> \n", "# sortie graphique : automatique > OK\n", "# puis redémarrer spyder. \n", "# L'animation s'affichera dans une nouvelle fenêtre au lieu de \n", "# donner un graphique vierge dans le terminal)\n", "\n", "rc('animation', html='jshtml')\n", "anim\n", "\n", "# patience, l'exécution prend du temps." ] }, { "cell_type": "code", "execution_count": null, "metadata": {}, "outputs": [], "source": [] } ], "metadata": { "celltoolbar": "Format de la Cellule Texte Brut", "kernelspec": { "display_name": "Python 3", "language": "python", "name": "python3" }, "language_info": { "codemirror_mode": { "name": "ipython", "version": 3 }, "file_extension": ".py", "mimetype": "text/x-python", "name": "python", "nbconvert_exporter": "python", "pygments_lexer": "ipython3", "version": "3.6.9" } }, "nbformat": 4, "nbformat_minor": 4 }