Wie animiert man das am besten?
Leider kann ich noch keine Bilder posten, um es besser zu veranschaulichen.
[Hier][1] wäre ein Link zu meiner ursprünglichen Frage mit bisschen mehr Material.
Also ich versuche, die Übergänge zwischen den drei folgenden Kreisen möglichst "smooth" zu gestalten.
\documentclass[tikz]{standalone}
\usepackage{animate}
\newcommand{\scale}{.5}
\definecolor{bright}{HTML}{FFFFC6}
\definecolor{yellow}{HTML}{FFFF42}
\definecolor{orange}{HTML}{FF9C4A}
\definecolor{awesome}{rgb}{1.0, 0.13, 0.32}
\begin{document}
%Erster Kreis
\begin{tikzpicture}
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_one] \filldraw[fill=bright] (0,0) circle (\scale*6cm);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=yellow_one] \fill[fill=bright] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*3.9cm);
\end{tikzpicture}
%Zweiter Kreis
\begin{tikzpicture}%11
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_ten] \filldraw[fill=yellow] (0,0) circle (8cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*6.5cm);
\fill[fill=yellow_ten] \fill[fill=yellow] (0,0) circle (\scale*6cm);
\fill[fill=awesome] (0,0) circle (\scale*5.9cm);
\end{tikzpicture}
%Dritter Kreis
\begin{tikzpicture}%10
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_ten] \filldraw[fill=orange] (0,0) circle (6cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=orange_ten] \fill[fill=orange] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*4.1cm);
\end{tikzpicture}
\end{document}
Für den Ansatz, der am nächsten an mein Ziel war, habe ich jeden einzelnen Frame extra gemacht las <animation.pdf> gespeichert und über `\animategraphics[controls,loop]{9}{animation}{}{}` aufgerufen.
Das war ziemlich aufwändig und fühlt sich auch ziemlich falsch an (**Habe mit Latex erst angefangen**).
Vielleicht gibt es die Möglichkeit, dass mir jemand zeigt wie man einfacher von Kreis 1 auf Kreis 2 kommt, ohne dass es so abgehackt ist (Die Farben müssen dabei nicht genau dieselben sein, sollten aber in die Kategorie "hell","gelb" und "orange" passen).
**Hier ist mein bisheriger Code:**
----------------------------------
animation.tex:
--------------
\documentclass[tikz]{standalone}
\newcommand{\scale}{.5}
\usepackage{animate}
\definecolor{awesome}{rgb}{1.0, 0.13, 0.32}
%______________________________________________________
\definecolor{yellow_one}{HTML}{FFFFC6}
\definecolor{yellow_two}{HTML}{FFFFB9}
\definecolor{yellow_three}{HTML}{FFFFAC}
\definecolor{yellow_four}{HTML}{FFFF9E}
\definecolor{yellow_five}{HTML}{FFFF91}
\definecolor{yellow_six}{HTML}{FFFF84}
\definecolor{yellow_seven}{HTML}{FFFF77}
\definecolor{yellow_eight}{HTML}{FFFF6A}
\definecolor{yellow_nine}{HTML}{FFFF5C}
\definecolor{yellow_ten}{HTML}{FFFF42}
%______________________________________________________
\definecolor{orange_one}{HTML}{FFF543}
\definecolor{orange_two}{HTML}{FFEB44}
\definecolor{orange_three}{HTML}{FFE144}
\definecolor{orange_four}{HTML}{FFD745}
\definecolor{orange_five}{HTML}{FFCE46}
\definecolor{orange_six}{HTML}{FFC447}
\definecolor{orange_seven}{HTML}{FFBA48}
\definecolor{orange_eight}{HTML}{FFB048}
\definecolor{orange_nine}{HTML}{FFA649}
\definecolor{orange_ten}{HTML}{FF9C4A}
%______________________________________________________
\begin{document}
%______________________________________________________
\begin{tikzpicture}%1
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_one] (0,0) circle (\scale*6cm);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=yellow_one] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*3.9cm);
\end{tikzpicture}
\begin{tikzpicture}%2
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_two] (0,0) circle (6.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%3
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_three] (0,0) circle (6.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%4
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_four] (0,0) circle (6.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%5
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_five] (0,0) circle (6.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%6
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_six] (0,0) circle (7cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%7
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_seven] (0,0) circle (7.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%8
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_eight] (0,0) circle (7.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%9
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_nine] (0,0) circle (7.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%10
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow] (0,0) circle (7.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%11
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_ten] (0,0) circle (8cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*6.5cm);
\fill[fill=yellow_ten] (0,0) circle (\scale*6cm);
\fill[fill=awesome] (0,0) circle (\scale*5.9cm);
\end{tikzpicture}
%______________________________________________________
\begin{tikzpicture}%1
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_one] (0,0) circle (7.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%2
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_two] (0,0) circle (7.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%3
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_three] (0,0) circle (7.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%4
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_four] (0,0) circle (7.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%5
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_five] (0,0) circle (7cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%6
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_six] (0,0) circle (6.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%7
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_seven] (0,0) circle (6.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%8
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_eight] (0,0) circle (6.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%9
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_nine] (0,0) circle (6.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%10
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_ten] (0,0) circle (6cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=orange_ten] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*4.1cm);
\end{tikzpicture}
%______________________________________________________
\begin{tikzpicture}%1
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_nine] (0,0) circle (5.9cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%2
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_nine] (0,0) circle (5.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%3
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_eight] (0,0) circle (5.7cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%4
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_eight] (0,0) circle (5.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%5
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_seven] (0,0) circle (5.5cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%6
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_seven] (0,0) circle (5.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%7
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_six] (0,0) circle (5.3cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%8
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_six] (0,0) circle (5.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%9
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_five] (0,0) circle (5.1cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%10
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_five] (0,0) circle (5cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%11
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_four] (0,0) circle (4.9cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%12
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_four] (0,0) circle (4.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%13
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_three] (0,0) circle (4.7cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%14
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_three] (0,0) circle (4.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%15
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_two] (0,0) circle (4.5cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%16
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_two] (0,0) circle (4.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%17
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_one] (0,0) circle (4.3cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%18
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_one] (0,0) circle (4.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%19
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange_one] (0,0) circle (4.1cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%20
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_ten] (0,0) circle (4cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*2.5cm);
\fill[fill=orange_ten] (0,0) circle (\scale*2cm);
\fill[fill=awesome] (0,0) circle (\scale*2.1cm);
\end{tikzpicture}
%______________________________________________________
\begin{tikzpicture}%1
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_nine] (0,0) circle (4.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%2
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_eight] (0,0) circle (4.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%3
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_seven] (0,0) circle (4.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%4
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_six] (0,0) circle (4.8cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%5
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_five] (0,0) circle (5cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%6
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_four] (0,0) circle (5.2cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%7
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_three] (0,0) circle (5.4cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%8
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_two] (0,0) circle (5.6cm*\scale);
\end{tikzpicture}
\begin{tikzpicture}%9
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow_one] (0,0) circle (5.8cm*\scale);
\end{tikzpicture}
%______________________________________________________
\end{document}
main.tex:
---------
\documentclass[tikz]{beamer}
\usepackage{animate}
\begin{document}
\begin{frame}[fragile]
\begin{center}
\animategraphics[controls,loop]{9}{animation}{}{}
\end{center}
\end{frame}
\end{document}
[1]: https://tex.stackexchange.com/questions/479802/how-to-animate-that-project