Update: Split the previous answer into two parts to shorten it as requested by @ArtificialStupidity here.
Second answer: use of the animateinline environment
- It illustrates the different stages of construction with the ruler and the compass of an ove;
- it illustrates the notion of
stacking layers of transparencies that allow the screen background to be modified without hiding the previously stacked transparencies.
- it explains the use of the
animateinline environment.
- although the
gif animation above does not show a pause, the pdf animation below generates one for each image.
Create images or transparencies?
During a ruler and compass construction, the figure is constructed successively with small drawings that are added to each other. So creating transparencies that stack one on top of the other naturally reproduces this way of building.
The animation has 7 images made with the following 9 transparencies:
The first 7 transparencies represent the stages of construction, the last 2 are the backgrounds used to illustrate the underlay of transparencies.
One background is green, the other is the pattern pattern=dots. When the latter pattern is stacked, the backgrounds below it remain visible. The green background hides all the backgrounds below him.
Create an image in gif format?
It is now possible thanks to the magnificent update published on August 22, 2018 and this without needing as before to rewrite all the code. To do this, simply add the export option either to the standalone package or to the animate package:
\documentclass{standalone}
\usepackage[export]{animate}
or
\documentclass[export]{standalone}
\usepackage{animate}
This produces a pdf file consisting of a series of individual pages that can be easily converted to gif with, for example, Imagemagick as shown above.
The images produced with the export option are the following 7:
The animateinline environment
- it allows to group in a single file the creation of each of the
transparents as well as their animation and as long as to make the generation of the timeline file.
- it has two commands
\newframe and \multiframe which allow to create, either images independent of each other, or transparencies whose stacking will form images.
- it allows to factor the start and end code of each
tikzpicture environment which is repeated with each creation of frames thanks to the begin and end options.
The power of the timeline file:
The timeline file describes and composes each image of the animation, then:
- Each line compose a single image. So there are as many lines as there are images.
- Each pdf pages are considered transparencies. An image (a frame) is now a stack of different pages (transparencies) of the pdf.
- It allows the same transparency to be reused several times at different points in the animation.
- It can also speeds up, slows down or stops animation.
- The first page of the pdf is transparency number 0.
- the second is numbered 1, etc.
Each line of the timeline file is composed as follows:
[*]:[<frame rate>]:[<transparencies>][:<JavaScript>]
- The first element
[*] is either * or empty. If there is * then the animation stops at that image.
- The second element
[<frame rate>] is either empty or indicates the number of frames per second.
- The third element
[<transparencies>] indicates the stacking of transparencies.
- I refer you to the package manual for the
[:<JavaScript>] option and much more explanations.
For example, if the first 5 lines of the timeline file are:
::0x0,1x18
:10:3
*::4
::5
::6
::0x0,1x18 : then the transparency 0 is copied on all the following images; above it is the transparent 1 repeated 18 times (line 0 to 17);:10:3 : the second image is composed of the transparent 3 (added to the existing stack of transparencies) with a speed of 10 frame per second;*::4 the fourth transparency is added to the stack that will make the third image and the animation stops on this image.- etc.
If you want to modify the background image during animation, you will have to replace commas (,) by semicolons (;)that will create overlay layers. See manual for more details.
The begin and end options:
For example, below the opening is always composed of the code
begin{tikzpicture}
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);
we created a \Debut command that will write these lines automatically to each new frame created with a \newframe or multiframe command:
Newcommand{\Debut}{% Systematic start of drawing
\begin{tikzpicture}
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);}
Similarly, for closing the tikz environment, with the following command:
Newcommand{\Fin}{\end{tikzpicture} }
Animation code
\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{patterns}
\usepackage{animate}
% creation of the ove.txt timeline file
\newwrite\Fichier
\immediate\openout\Fichier=ove.txt
\immediate\write\Fichier{:.5:7x0;0x0}% the dots background is stacked first in all images
\immediate\write\Fichier{::8;1x0}% the green background is opaque and hides the dot background
\immediate\write\Fichier{::;2x0}% nothing covers the background of the transparency 0 which is therefore visible again
\immediate\write\Fichier{::c;4x0}% the letter c deletes all transparencies that have been added in the stack
\immediate\write\Fichier{::8x2;3x0}% the green background will be visible twice, so until the next image
\immediate\write\Fichier{::7x1;5x0}% the dots background is visible only once, so writing x1 is useless
\immediate\write\Fichier{::;6} %the stack is empty and no background is added, so there is no visible background
\immediate\closeout\Fichier% always close the file
\newcommand{\Debut}{% Systematic start of drawing
\begin{tikzpicture}
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);}
\newcommand{\Fin}{\end{tikzpicture} }% Systematic end of drawing
\begin{document}
% Step through the animation one frame at a time per mouse-click. The <frame rate> argument will be ignored.
\begin{animateinline}[autoplay,step,begin={\Debut},end={\Fin},timeline=ove.txt]{.5}
% perpendicular straight - transparent 0
\draw[thick] (-2.5,0)--(4,0);
\draw[thick] (0,-2.5)--(0,2.5);
\newframe% circle - transparent 1
\draw[thick] (0,0) circle (2cm);
\newframe% half-line 1 - transparent 2
\draw[thick] (0,-2)--(3,1);
\newframe% half-line 2 - transparent 3
\draw[thick] (0,2)--(3,-1);
\newframe% arc 1 - transparent 4
\draw[thick](0,2)arc[start angle=90,end angle=45,radius=4cm];
\newframe% arc 2 - transparent 5
\draw[thick](0,-2)arc[start angle=-90,end angle=-45,radius=4cm];
\newframe% arc 3 - transparent 6
\draw[thick]([xshift=2cm]45:1.171573cm)arc[start angle=45,end angle=-45,radius=1.171573cm];
\newframe% dots screen background - transparent 7
\fill[pattern=dots] (-2.5,-2.5) rectangle (4,2.5);
\newframe% green screen background - transparent 8
\fill[green!30] (-2.5,-2.5) rectangle (4,2.5);
\end{animateinline}
\end{document}
Write a sequence of images?
The file that creates the same sequence of images called ove.pdf is:
\documentclass[tikz]{standalone}
\usepackage{animate}
\usetikzlibrary{patterns}
\tikzset{every path/.style=thick}
\begin{document}
\begin{tikzpicture}% perpendiculars - 1
\fill[pattern=dots] (-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\end{tikzpicture}
\begin{tikzpicture}% circle - image 2
\fill[green!30] (-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\end{tikzpicture}
\begin{tikzpicture}% half-line 1 - image 3
\fill[pattern=dots](-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\draw (0,-2)--(3,1);
\end{tikzpicture}
\begin{tikzpicture}% arc 1 - image 4
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\draw (0,-2)--(3,1);
\draw(0,2)arc[start angle=90,end angle=45,radius=4cm];
\end{tikzpicture}
\begin{tikzpicture}% half line 2 - image 5
\fill[green!30] (-2.5,-2.5) rectangle (4,2.5);
\fill[pattern=dots](-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\draw (0,-2)--(3,1);
\draw(0,2)arc[start angle=90,end angle=45,radius=4cm];
\draw (0,2)--(3,-1);
\end{tikzpicture}
\begin{tikzpicture}% arc 2 - image 6
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\draw (0,-2)--(3,1);
\draw(0,2)arc[start angle=90,end angle=45,radius=4cm];
\draw (0,2)--(3,-1);
\draw(0,-2)arc[start angle=-90,end angle=-45,radius=4cm];
\end{tikzpicture}
\begin{tikzpicture}% arc 3 - image 7
\useasboundingbox (-2.5,-2.5) rectangle (4,2.5);
\draw (-2.5,0)--(4,0);
\draw (0,-2.5)--(0,2.5);
\draw (0,0) circle (2cm);
\draw (0,-2)--(3,1);
\draw (0,2)--(3,-1);
\draw(0,2)arc[start angle=90,end angle=45,radius=4cm];
\draw(0,-2)arc[start angle=-90,end angle=-45,radius=4cm];
\draw([xshift=2cm]45:1.171573cm)arc[start angle=45,end angle=-45,radius=1.171573cm];
\end{tikzpicture}
\end{document}
The file that creates the animation from the ove.pdf file containing the images is:
\documentclass[tikz]{standalone}
\usepackage{animate}
\begin{document}
\animategraphics[autoplay,step]{1}{ove}{}{}
\end{document}
Weight of the animation pdf:
- By stacking transparencies created in the
standalone class with the animateinline environment, the pdf animation weighs on my computer 11172 bytes .
- When the animation is a succession of images created with the
\animategraphics command in the standalone class, the animation weighs 18539 bytes.
The creation of transparencies is 40% lighter in this case than a succession of images.
I hope I have said what is essential so that everyone can do the same. I hope too I have been clear, if not, say so, I will try to explain better.
Translated with www.DeepL.com/Translator
timelinepart! – AlexG Aug 10 '18 at 11:26ocgx2;ocgxis by P. Gaborit.) – AlexG Aug 10 '18 at 11:53\iangleand\faHandPointerObut found no explanations about them, can you briefly explain them for me ? I assume that\faHandPointerOis for the hand effect, but it is icluded on tikz ? @AndréC – Hibou Aug 16 '20 at 13:39\iangle? @AndréC – Hibou Aug 16 '20 at 13:55variableof its choice. I called that variable an\iangle. I could have called it something else. – AndréC Aug 16 '20 at 13:59([shift={(1,3)}]\iangle:20mm and 8mm)@AndréC – Hibou Aug 16 '20 at 16:15polar coordinate. This syntax specifies the angle and the two radii of the ellipse. See the section "Coordinate system canvas polar" in the manual. – AndréC Aug 16 '20 at 18:06