☰

Tikz 人物描画アニメーション

tag-icon • tag-icon beamer animations
Tikz 人物描画アニメーション

Tikzを使って作成した図を部分的にアニメーション化したいと考えています。基本的に、アニメーションは

  • 最初のボックス/ノードを描画し、その後\pause
  • ボックスにテキストを表示し、\pause
  • 矢印を描き続けてから\pause
  • 2番目のボックスを描画し、\pause
  • テキストを書いて、次に矢印を書いて、というように...

解決策を試してみましたここしかし、複数のパスが同時に存在しない場合には動作しないようです。 ご協力いただければ幸いです。 よろしくお願いします!

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}[minimum size=1cm]
    \node[draw,rectangle] (A)                       {A};
    \node[draw,rectangle] (B)   [right=of A]        {B};
    \node[draw,rectangle] (C)   [right=of B]        {C};
    \draw[->] (A.east) -- (B.west);
    \draw[->] (B.east) -- (C.west);     
\end{tikzpicture}
\end{document}

答え1

\documentclass{beamer}
\usepackage{tikz}
\usetikzlibrary{positioning}
\begin{document}
\begin{frame}
\begin{tikzpicture}[minimum size=1cm]
    \node<+->[draw,rectangle] (A) {\only<+->{A}};
    \node<+> (B) [right=of A] {};
    \node<+->[draw,rectangle] (B) [right=of A] {\only<+->{B}};
    \node<+> (C) [right=of B] {};
    \node<+->[draw,rectangle] (C) [right=of B] {\only<+->{C}};
    \draw<3->[->] (A.east) -- (B.west);
    \draw<6->[->] (B.east) -- (C.west); 
\end{tikzpicture}
\end{frame}
\end{document}

関連情報