Parte #1 - Instituto de Computaçãora090743/docs/minicurso_tikz.pdf“Por que eu deveria aprender a usar TikZ?” 1 Escalabilidade 2 Fluxo de trabalho Exemplo: v1 u3 - Abrir XFig

1

Mini2curso de LATEX/TikZParte #1

Celso A. We�ort-Santos

UNICAMP

[email protected]

10/10/2018

2

Introdução

3

But... why?

“Por que eu deveria aprender a usar TikZ?”

1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig

- Reposicionar vértices

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig


- Redesenhar arestas

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig



- Reposicionar nomes

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig




- Salvar o .eps

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig




- Salvar o .eps- Abrir o .tex

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig




- Salvar o .eps- Abrir o .tex- Torcer pra ficar bom!

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3


3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig

- Continuar no .tex

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig

- Continuar no .tex- +3 linhas

3

But... why?


1 Escalabilidade

2 Fluxo de trabalho

Exemplo:

v1 u3

- Abrir XFig

- Continuar no .tex- +3 linhas

- Saber que ficou bom!

4

Descrição do curso

˛ Objetivo principal: comandos principais e operações básicas

˛ Parte #1 :: Conceitos Básicos

§ Como desenhar no TikZ§ Como "decorar" desenhos§ Nodes para escrever

˛ Parte #2 :: TikZ “Avançado”

§ Preenchendo com gradientes§ Posicionamentos Relativos§ Styles & Scopes§ Comandos \foreach e \ifthenelse§ Animações

4







4




§ Como desenhar no TikZ

§ Como "decorar" desenhos§ Nodes para escrever



4




§ Como desenhar no TikZ§ Como "decorar" desenhos

§ Nodes para escrever



4







4






§ Preenchendo com gradientes

§ Posicionamentos Relativos§ Styles & Scopes§ Comandos \foreach e \ifthenelse§ Animações

4






§ Preenchendo com gradientes§ Posicionamentos Relativos

§ Styles & Scopes§ Comandos \foreach e \ifthenelse§ Animações

4






§ Preenchendo com gradientes§ Posicionamentos Relativos§ Styles & Scopes

§ Comandos \foreach e \ifthenelse§ Animações

4






§ Preenchendo com gradientes§ Posicionamentos Relativos§ Styles & Scopes§ Comandos \foreach e \ifthenelse

§ Animações

4







5

Primeiros Passos

6

Primeiros Passos :: Visão Geral

˛ TikZ “Ñ” LATEX

˛ Formato “padrão” de comandos LATEX:

\newcommand{\vgn}[1]{\chi_{\small V}ˆ{g}}

nome do comandoargumentos dados\node[thick, fill = red] at (0, 0) {1};

˛ TikZ é altamente intuitivo

6







6







6





nome do comando

argumentos dados\node[thick, fill = red] at (0, 0) {1};


6





nome do comando

argumentos

dados\node[thick, fill = red] at (0, 0) {1};


6





nome do comandoargumentos

dados

\node[thick, fill = red] at (0, 0) {1};


6





nome do comandoargumentos dados



6








6








6







˛ TikZ é tenta ser altamente intuitivo

7

Primeiros Passos :: Setup

˛ Acesse http://www.ic.unicamp.br/˜celso.santos/minicurso

˛ Abra a página do Overleaf

˛ (Se necessário) Crie uma conta

˛ Crie um novo projeto e arquivo †seunome°.tex

˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.

\documentclass{standalone}\usepackage{tikz}\begin{document}

\begin{tikzpicture}% ... insert code here ... :)

\end{tikzpicture}\end{document}

7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.




7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.




7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.

\documentclass{standalone}

\usepackage{tikz}\begin{document}



7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.

\documentclass{standalone}

\usepackage{tikz}

\begin{document}


\end{tikzpicture}

\end{document}

7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.



\end{tikzpicture}

\end{document}

7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.


\begin{tikzpicture}

% ... insert code here ... :)


7






˛ Vamos lá!

1.

2.

3.

4.

5.

6.

7.




8

Parte #1.1 :: Desenhando

9

Conceitos Básicos :: Desenhandophase.tex

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

1 Desenhar...

§ Linhas/Setas/Curvas§ Formas§ Grades§ Plot de Funções˚

2 Decorar...

§ Cor§ Espessura§ Padrões

3 Escrever...

§ Nodes§ Decoração§ Posicionamento

9


Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

1 Desenhar...


2 Decorar...


3 Escrever...


9


Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

1 Desenhar...


2 Decorar...


3 Escrever...


9


Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

1 Desenhar...


2 Decorar...


3 Escrever...


9


Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

1 Desenhar...


2 Decorar...


3 Escrever...


10

Conceitos Básicos :: Desenhando :: Linhas

16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)(-2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)(-2, 0) (2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)(-2, 0) (2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)

(0, -2)

(0, 2)

10


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);

(0, 0)

(0, -2)

(0, 2)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

(-2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

(-2, 0) (2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

(-2, 0) (2, 0)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);

(3, 2)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);

(3, 2)

10


16.

17.

\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);

(0, -2)

(0, 2)

10


˛ Exercício:

11

Conceitos Básicos :: Desenhando :: Setas

28.

29.

\draw[->, thick, blue] (0, 0) to (bluetip);\draw[->, thick, red] (0, 0) to (redtip);

11


28.

29.

\draw[->, thick, blue] (0, 0) to (bluetip);\draw[->, thick, red] (0, 0) to (redtip);

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);

11


28. \draw[->] (0, 0) to (60:1.35);

11


28. \draw[->] (0, 0) to (60:1.35); px, yq

11


28. \draw[->] (0, 0) to (60:1.35); px, yq

(0, 0)

11


28. \draw[->] (0, 0) to (60:1.35); p◊ : rq

(0, 0)

11


28. \draw[->] (0, 0) to (60:1.35); p◊ : rq

r “ 1.35

11


28. \draw[->] (0, 0) to (60:1.35); p◊ : rq

r “ 1.35

(0:1.35)

11


28. \draw[->] (0, 0) to (60:1.35); p◊ : rq

r “ 1.35

(60:1.35)

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);

60o

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (90:0.9);

90o

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (300:0.9);

300o

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9);

´30o

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9);

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[<-] (0, 0) to (60:0.9);

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[-|] (0, 0) to (-30:0.9);

11


28.

29.

\draw[|->] (0, 0) to (60:1.35);\draw[-|] (0, 0) to (-30:0.9);

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9) -- (2, 1);

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9) -- (2, 1);

(2, 1)

(0, 0)

(-30:0.9)

11


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[<-|] (0, 0) to (-30:0.9) to (2, 1);

11


˛ Exercício:

12

Conceitos Básicos :: Desenhando :: Curvas

28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);

12


26. \draw[fill = green!30, green!50!black](\greenradius, 0) to[out=90, in=330](\blueangle:\greenradius) -- (0, 0) -- cycle;

12


26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);

12


26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);

12


26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);

12


26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);

(0, 0)(0.5, 0)

(60:0.5)

12


26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;

(0, 0)(0.5, 0)

(60:0.5)

12



12



*. \draw (4.5, -1) to (3.5, 1.5);

(4.5, -1)

(3.5, 1.5)

12



*. \draw (4.5, -1) to[out=◊1, in=◊2] (3.5, 1.5);

12



*. \draw (4.5, -1) to[out=◊1, in=◊2] (3.5, 1.5);

◊1 “ 0o

◊2 “ 0o

12



*. \draw (4.5, -1) to[out=60, in=◊2] (3.5, 1.5);

◊1 “ 0o

◊2 “ 0o

12



*. \draw (4.5, -1) to[out=60, in=◊2] (3.5, 1.5);

◊1 “ 60o

◊2 “ 0o

12



*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);

◊1 “ 60o

◊2 “ 0o

12



*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);

◊1 “ 60o

◊2 “ 240o

12



*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);

◊1 “ 60o

◊2 “ 240o

12



*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);

12



12



13


20. \draw[->] (120:{(\blueradius + \redradius)/2})arc [start angle = 120, radius = {(\blueradius+ \redradius)/2}, end angle = 165];

13



13



13


20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]

13



13



120o

13



1.125

13



165o

13



165o

1.12

5

13



13



13



*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];

13




13




40o

13




1.3

13




330o

1.3

13




1.3

13




13


˛ Exercício:

14

Conceitos Básicos :: Desenhando :: Formas

18. \draw (0, 0) circle [radius = 1.5];

14


18. \draw (0, 0) circle [radius = 1.5];23. \draw[blue, ...] (0, 0) circle [radius = 1.35];

14


18. \draw (0, 0) circle [radius = 1.5];24. \draw[red, ...] (0, 0) circle [radius = 0.9];

14



(0, 0)

14



(0, 0)1.5

14


18. \draw (0, 0) circle [radius = 1.5];*. \draw (3, -2) rectangle (5, 2);

14



14



(3, -2)

(5, 2)

14


18. \draw (0, 0) circle [radius = 1.5];*. \draw (4.5, 0) ellipse (1 and 2);

14



14



1 1

2

2

(4.5, 0)

14


18. \draw (0, 0) circle [radius = 1.5];... e triângulos? polígonos?

14


18. \draw (0, 0) circle [radius = 1.5];\usetikzlibrary{shapes}

15

Conceitos Básicos :: Desenhando :: Grades

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

phase.tex

15


33.

51.

\begin{scope}[shift = {(2.75, 0)}\end{scope}

15


36. \draw[->, ...] (0, -2) to (0, 2);

15


36. \draw[->, ...] (0, -2) to (0, 2);37. \draw[->, ...] (-0.1, 0) to (5, 0);

15


36. \draw[->, ...] (0, -2) to (0, 2);37. \draw[->, ...] (-0.1, 0) to (5, 0);

15


35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);

15



15



(-0.1, -1.6)

15



(-0.1, -1.6)

(«4.767, 1.6)

15



(-0.1, -1.6)

(«4.767, 1.6)

15



15



xstep “ 23

15



ystep “ 0.5

16

Conceitos Básicos :: Desenhando :: Funções

49. \draw[red, thick, domain=0:420] plot({\x/90}, {0.9*sin(\x)});

x “ 0x “ 420

16


49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});

x “ 0x “ 420

16



x “ 0x “ 420

16



x “ 0x “ 420

16



x “ 0

x “ 420

16



x “ 0

x “ 420

16



x “ 0x “ 420

px, yq

16



x “ 0x “ 420

px, yq

16



x “ 0x “ 420

px, yq

16



x “ 0x “ 420

px, yq

16


49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270

x “ 0x “ 420

px, yq

16



x “ 0x “ 420

p3, yq

16



x “ 0x “ 420

x “ 3

p3, yq

16



x “ 0x “ 420

x “ 3

p3, yq

16



x “ 0x “ 420

x “ 3

p3, ´ 0.9q

16



x “ 0x “ 420

x “ 3

p3, ´ 0.9q

16


˛ Exercício

17

Parte #1.2 :: Decorando

18

Conceitos Básicos :: Decorando

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

phase.tex

1 Desenhar...


2 Decorar...


3 Escrever...


19

Conceitos Básicos :: Decorando :: Cores

19


19


16.

17.

\draw (-2, 0) -- (2, 0);\draw (0, -2) -- (0, 2);

19


16.

17.

\draw[black] (-2, 0) -- (2, 0);\draw[black] (0, -2) -- (0, 2);

19


28.

29.

\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);

19


28.

29.

\draw[->, blue] (0, 0) to (60:1.35);\draw[->, red] (0, 0) to (60:0.9);

19


28.

29.

\draw[->, red] (0, 0) to (60:0.9);\draw[->, blue] (0, 0) to (60:1.35);

19


28.

29.

\draw[->, red] (0, 0) to (60:0.9);\draw[->, blue] (0, 0) to (60:1.35);=

(

19


18.

23.

\draw (0, 0) circle [radius = 1.5];\draw (0, 0) circle [radius = 1.35];

19


18.

23.

\draw[black] (0, 0) circle [radius = 1.5];\draw[blue] (0, 0) circle [radius = 1.35];

19


23.

24.

\draw[blue] (0, 0) circle [radius = 1.35];\draw[red] (0, 0) circle [radius = 0.9];

19


26. \draw (0.5, 0) to[out=90, in=330] (60:0.5)-- (0, 0) -- cycle;

19


26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;

19



19



19



19



19


26. \draw[fill = green] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;

19


26. \draw[fill = green] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;

100% green

0% green

19



100% green

0% green

30% green

19



100% green

100% white

19


26. \draw[fill = green!30, green!50!black] (0.5, 0)to[out=90, in=330] (60:0.5) -- (0, 0) -- cycle;

100% green

100% white

19



100% green

100% black

19



100% green

100% black

50% from greento black

19


26. \draw[green!50!black, fill = green!30] (0.5, 0)to[out=90, in=330] (60:0.5) -- (0, 0) -- cycle;

19


36.

37.

\draw[->, green!50!black] (0, -2) to (0, 2);\draw[->, green!50!black] (-0.1, 0) to (5, 0);

19



19


49.

50.

\draw[red, ...] plot ({\x/90}, {0.9*sin(\x)});\draw[blue, ...] plot ({\x/90}, {1.35*sin(\x)});

20

Conceitos Básicos :: Decorando :: Espessuras

29. \draw[->, red] (0, 0) to (60:0.9);

20


29. \draw[->, red] (0, 0) to (60:0.9);

20


29. \draw[->, red, thick] (0, 0) to (60:0.9);

20


*. \draw (x, -1) to ({x + 1}, 2);

20


*. \draw (x, -1) to ({x + 1}, 2);

0 23

43 2 8

3103 4

20


*. \draw[] (2, -1) to (3, 2);

0 23

43 2 8

3103 4

defa

ult

20


*. \draw[thick] (8/3, -1) to (11/3, 2);

0 23

43 2 8

3103 4

defa

ult

thick

20


*. \draw[thin] (4/3, -1) to (7/3, 2);

0 23

43 2 8

3103 4

thin

defa

ult

thick

20


*. \draw[very thin] (2/3, -1) to (5/3, 2);

0 23

43 2 8

3103 4

very

thin

thin

defa

ult

thick

20


*. \draw[ultra thin] (0, -1) to (1, 2);

0 23

43 2 8

3103 4

ultra

thin

very

thin

thin

defa

ult

thick

20


*. \draw[very thick] (10/3, -1) to (13/3, 2);

0 23

43 2 8

3103 4

ultra

thin

very

thin

thin

defa

ult

thick

very

thick

20


*. \draw[ultra thick] (4, -1) to (5, 2);

0 23

43 2 8

3103 4

ultra

thin

very

thin

thin

defa

ult

thick

very

thick

ultra

thick

20


*. \draw[line width = 3] (2, -1) to (3, 2);

0 23

43 2 8

3103 4

ultra

thin

very

thin

thin

line

widt

h

thick

very

thick

ultra

thick

20


29. \draw[->, red, thick] (0, 0) to (60:0.9);

20


28. \draw[->, blue, thick] (0, 0) to (60:1.35);

20


23.

24.

\draw[blue, thick] (0, 0) circle [radius = 1.35];\draw[red, thick] (0, 0) circle [radius = 0.9];

20


48. \draw[very thick, green!50!black] (2/3,{0.9*sin(60)}) to (2/3, {1.35*sin(60)});

21

Conceitos Básicos :: Decorando :: Padrões

24. \draw[red, thick] (0, 0) circle [radius = 0.9];

21


24. \draw[red, thick] (0, 0) circle [radius = 0.9];

21


24. \draw[red, dotted, thick] (0, 0)circle [radius = 0.9];

21


*. \draw (x, -0.4) to ({x + 1}, 2);

21


*. \draw[] (0, -0.4) to (1, 2);

defa

ult

21


*. \draw[dotted] (2/3, -0.4) to (5/3, 2);

defa

ultdo

tted

21


*. \draw[dashed] (4/3, -0.4) to (7/3, 2);

defa

ultdo

tted

dash

ed

21


*. \draw[loosely dotted] (2, -0.4) to (3, 2);

defa

ultdo

tted

dash

edlo

osely

dotte

d

21


*. \draw[densely dotted] (8/3, -0.4) to (11/3, 2);

defa

ultdo

tted

dash

edlo

osely

dotte

dde

nsely

dash

ed

21


*. \draw[double] (10/3, -0.4) to (13/3, 2);

defa

ultdo

tted

dash

edlo

osely

dotte

dde

nsely

dash

ed

doub

le

21


*. \draw[dash pattern = on 2pt off 3pton 4pt off 4pt] (4, -0.4) to (5, 2);

defa

ultdo

tted

dash

edlo

osely

dotte

dde

nsely

dash

ed

doub

leda

shpa

ttern

21


*. \draw[thick, dashed] (4/3, -0.4) to (7/3, 2);

defa

ultdo

tted

loos

elydo

tted

dens

elyda

shed

doub

leda

shpa

ttern

thick

, das

hed

21


23. \draw[blue, loosely dotted, thick](0, 0) circle [radius = 1.35];

22

Parte #1.3 :: Escrevendo

23

Conceitos Básicos :: Escrevendo

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

aula1-desenhando.tex

1 Desenhar...


2 Decorar...


3 Escrever...


24

Conceitos Básicos :: Escrevendo :: Nodes

21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê(0, 0)

24


21. \node at (170:1.125) {$\omega$};

Ê(0, 0)

(170:1.125)

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


21. \node at (170:1.125) {$\omega$};

Ê

24


*. \node at (2.75, -2.25) {\tiny \texttt{aula1.tex}};

Ê

aula1.tex

25

Conceitos Básicos :: Escrevendo :: Decoração

21. \node at (170:1.125) {$\omega$};

Ê

25


21. \node at (170:1.125) {$\omega$};

Ê

25


21. \node[red] at (170:1.125) {$\omega$};

Ê

25


21. \node[fill = red] at (170:1.125) {$\omega$};

Ê

25


21. \node[fill = red] at (170:1.125) {$\omega$};

Ê

25


21. \node[fill = red, white]at (170:1.125) {$\omega$};

Ê

25



Ê

25



Cor sem parâmetro

aplica a tudo!

25


21. \node[fill = red, fill = white, text = white,draw = white] at (170:1.125) {$\omega$};

25


21. \node[fill = red, text = white]at (170:1.125) {$\omega$};

Ê

25


21. \node[white, fill = red]at (170:1.125) {$\omega$};

Ê

25


21. \node at (170:1.125) {$\omega$};

Ê

25


21. \node[draw] at (170:1.125) {$\omega$};

Ê

25


21. \node[draw] at (170:1.125) {$\omega$};

Ê

25


21. \node[draw = black, rectangle]at (170:1.125) {$\omega$};

Ê

25


21. \node[draw, circle]at (170:1.125) {$\omega$};

Ê

25


21. \node[draw, orange, ellipse]at (170:1.125) {$\omega$};

Ê

25


21. \node at (170:1.125) {$\omega$};

Ê

26

Conceitos Básicos :: Escrevendo :: Posicionamento

31. \node[right] at (60:0.5) {\scriptsize $\alpha$};

Ê

–

26



Ê–

26



Ê–

26



Ê–(60:5)

26



–

–

26



–

right

26


31. \node[above] at (60:0.5) {. . .};

–

rightabove

26


31. \node[left] at (60:0.5) {. . .};

–

rightabove

left

26


31. \node[below] at (60:0.5) {. . .};

–

rightabove

leftbelow

26


31. \node[above/below right/left] at (60:0.5) {. . .};

–

below left below right

above left above right

26


31. \node[above/below right/left] at (60:0.5) {. . .};

–

below left below right

above left above right

26


40. \node[below] at ({2/3 * pi/2}, 0) {\scriptsize$\frac{\pi}{2}$};

Ê–

26


40. \node[below] at ({2/3 * pi/2}, 0) {\scriptsize$\frac{\pi}{2}$};

Êfi2

–

26


42.

43.

\node[below] at ({2/3 * 3 * pi/2}, 0) {. . .};\node[below] at ({2/3 * 2 *pi}, 0) {. . .};

Êfi2

fi 3fi2

2fi

–

27

Conceitos Básicos :: Escrevendo :: Pos. Relativo

37. \draw[->, green!50!black] (-0.1, 0) to (5,0)node[right] {$\omega t$};

Ê–

fi2

fi 3fi2

2fi

27



Ê–

fi2

fi 3fi2

2fiÊt

27



Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0)

27



Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0)

27


37. \draw[->, green!50!black] (-0.1, 0) to (5,0)node[right] {$\omega t$}; onde?

Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0)

27



at (x, y)

Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0)

27



Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0) (5, 0)

27



Ê–

fi2

fi 3fi2

2fiÊt

(5, 0)(-0.1, 0)Êt

27



Ê–

fi2

fi 3fi2

2fiÊt

27



Ê–

fi2

fi 3fi2

2fiÊt

27


49. \draw[red, thick, domain = 0:420] plot ({\x/90},{0.9*sin(\x)}) node[right] {$I(t)$};

Ê–

fi2

fi 3fi2

2fiÊt

27


49. \draw[red, thick, domain = 0:420] plot ({\x/90},{0.9*sin(\x)}) node[right] {$I(t)$};

Ê–

Iptq

fi2

fi 3fi2

2fiÊt

27


50. \draw[blue, thick, domain = 0:420] plot ({\x/90},{1.35*sin(\x)}) node[right] {$U(t)$};

Ê–

IptqUptq

fi2

fi 3fi2

2fiÊt

27


*. \draw[->] (-0.1, 0) to ({pi/3}, 0) to ({2*pi/3}, 0)to ({pi}, 0) to ({4*pi/3}, 0) to (5, 0);

Ê–

IptqUptq

fi2

fi 3fi2

2fiÊt

27


*. \draw[->] (-0.1, 0) to ({pi/3}, 0) to ({2*pi/3}, 0)to ({pi}, 0) to ({4*pi/3}, 0) to (5, 0);

Ê–

IptqUptq

fi2

fi 3fi2

2fiÊt

27


*. \draw[->] to to to to to ;

Ê–

IptqUptq

fi2

fi 3fi2

2fiÊt

27


*. \draw[->] to to node[below] {$\pi$} toto to ;

Ê–

IptqUptq

Êt

27


*. \draw[->] to to node[below] {$\pi$} toto to ;

Ê–

IptqUptq

Êtfi

28

Conceitos Básicos :: Finalizando

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

aula1-desenhando.tex

1 Desenhar...


2 Decorar...


3 Escrever...


29


˛ Para depois do almoço:

Styles &

Scopes

START

READ n

count – 1product – 1

IS count ° n?

WRITE num

END

count – count + 1product – product * count

True

False

,

Algorithm that calculatesn±

i“1i

Comandos \foreache \ifthenelse

Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

29



Styles &

Scopes

START

READ n


IS count ° n?

WRITE num

END


True

False

,


i“1i


Animações

(sim ... no PDF)

30

How is this possible?

Ê–

Êt–

fi2

fi 3fi2

2fi

IptqUptq

30

How is this possible?

1

Mini2curso de LATEX/TikZParte #2

Celso A. We�ort-Santos

UNICAMP

[email protected]

10/10/2018

2

Recapitulando

3

Recapitulando

˛ Já sabemos...

§ desenhar alguma coisa, ...§ decorá-la, e ...§ escrever nela!

˛ O que mais podemos fazer?

§ Gradientes / Shades§ Posicionamento relativo§ Definir Styles§ Brincar com Scopes

˛ Eu quero mais!

§ Laços e Condicionais§ Animações no .pdf

3

Recapitulando

˛ Já sabemos...

§ desenhar alguma coisa, ...

§ decorá-la, e ...§ escrever nela!



˛ Eu quero mais!


3

Recapitulando

˛ Já sabemos...

§ desenhar alguma coisa, ...§ decorá-la, e ...

§ escrever nela!˛ O que mais podemos fazer?


˛ Eu quero mais!


3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!


“Ahh mas aí foi muito fácil!”

- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!


3

Recapitulando

˛ Já sabemos...



§ Gradientes / Shades

§ Posicionamento relativo§ Definir Styles§ Brincar com Scopes

˛ Eu quero mais!



- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...



§ Gradientes / Shades§ Posicionamento relativo

§ Definir Styles§ Brincar com Scopes

˛ Eu quero mais!



- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...



§ Gradientes / Shades§ Posicionamento relativo§ Definir Styles

§ Brincar com Scopes˛ Eu quero mais!



- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!



- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!



- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!

§ Laços e Condicionais

§ Animações no .pdf


- SANTOS, B., 2018

3

Recapitulando

˛ Já sabemos...




˛ Eu quero mais!


4

Conceitos “Avançados”

5

Conceitos Avançados :: Gradientes / Shades

flor.tex

5


9. \shade[top color = blue!50, bottom color = white](-3, 4) rectangle (3, -4);

5



5



5


9. \shade[top color = blue, bottom color = red](-3, 4) rectangle (3, -4);

5



top color

5



top color

bottom color

5


9. \shade[top color = blue, bottom color = red,middle color = cyan] (-3, 4) rectangle (3, -4);

5


9. \shade[top color = blue, bottom color = red,shading angle = 30] (-3, 4) rectangle (3, -4);

5



5



5


9. \shade[left color = blue, right color = red](-3, 4) rectangle (3, -4);

5


9. \shade[left color = blue, right color = red,middle color = cyan] (-3, 4) rectangle (3, -4);

5



5


9. \draw[top color = blue!50, bottom color = white,shade, draw = none, shading = axis] (-3, 4) ...

5


9. \draw[top color = blue!50, bottom color = white,shade, draw = none, shading = axis] (-3, 4) ...

5


9. \shade[inner color = blue!50, outer color = white,shading = radial] (-3, 4) rectangle (3, -4);

5


9. \shade[inner color = blue!50, outer color = white,shading = radial] (-3, 4) rectangle (3, -4);

5


9. \shade[inner color = white, outer color = blue!50](-3, 4) rectangle (3, -4);

5


9. \shade[ball color = blue](-3, 4) rectangle (3, -4);

5


9. \shade[ball color = blue](0, 0) circle [radius = 2];

6

Conceitos Avançados :: Pos. Relativo

12. \draw[...] (-0.97, -2) to[bend left = 40]++(1, 0.2) to[bend left = 40] cycle;

6



6


13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;

6



(0, 0)

6



(-1.3, -2)

6



(-1, -0.5)

6



(-1.3, -2)

6



(-1.3, -2)

px, yq

6



(-1.3, -2)

px, yq``

6



(-1.3, -2)

px, yq``

p�x, �yq

6



(-1.3, -2)

px, yq``

p�x, �yq“

6



(-1.3, -2)

px, yq``

p�x, �yq“

pxfinal, yfinalq

6



(-2.3, -1.5)

6



6



6



6



6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

(0.5, 3)

(1.5, 2)

(2.5, 3)

6


*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

6


*. \draw (-2.5, 2) to (-1.5, 3) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

6


*. \draw (-2.5, 2) to (-1.5, 3) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

6


*. \draw (-2.5, 2) to (-1.5, 3) to (-0.5, 2)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

6


*. \draw (-2.5, 2) to (-1.5, 3) to (-0.5, 2)to ++(1, 1) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

(0.5, 3)

6


*. \draw (-2.5, 2) to (-1.5, 3) to (-0.5, 2)to (0.5, 3) to ++(1, -1) to ++(1, 1);

(-2.5, 2)

(-1.5, 3)

(-0.5, 2)

(0.5, 3)

6


*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);

6


*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);

6


*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);

(-2.5, 2)

(-1.5, 3)

6


*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);

(-2.5, 2)

6


*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);

(-2.5, 2)

6


*. \draw (-2.5, 2) to +(1, 1) to (-1.5, 1)to +(1, 1) to +(1, -1) to +(1, 1);

(-2.5, 2)

(-1.5, 1)

6


*. \draw (-2.5, 2) to +(1, 1) to (-1.5, 1)to +(1, 1) to +(1, -1) to +(1, 1);

(-2.5, 2)

7


product.tex

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1

product – product * count

True

False

,


i“1i

7


30. \node[state] (start) {START};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

7


30. \node[...] (start) {START};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

7


30. \node[...] (start) {START};Nome do node

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de

posicionamento relativo:

7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ below of

7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome

7


31. \node[rw, below of = start] (read) {READ};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome

7


33. \node[cond, below of = init, yshift = -1em](cond) {IS \texttt{count} $>$ \texttt{n}?};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome

7


33. \node[cond, below of = init, yshift = -1em](cond) {IS \texttt{count} $>$ \texttt{n}?};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome

2. Utilizar nomes como

coordenadas...

7


38. \draw[-stealth] (start) to (read);\draw[-stealth] (read) to (init);

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...

7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...

7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...

3. “Meio do caminho”...

7


41. \draw[-stealth] (incCount) to ++(0, 0.8)to ($(init)!0.35!(cond)$);

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...


7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...


7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...


7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...


7



START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

1. Outras formas de


˛ above of = nome


coordenadas...


8

Conceitos Avançados :: Styles

7. \tikzset{...}

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

8


30.

35.

\node[state] (start) {START};\node[state, ...] (end) {END};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

state

8


31.

34.

\node[rw, ...] (read) {READ \texttt{n}};\node[rw, ...] (write) {WRITE \texttt{product}};

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

rw

8


12.

15.

\state/.style = { ... }\rw/.style = { ... }

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

8


10. \every node/.style = {draw, align = center},

START

READ n

count – 1

product – 1

IS count ° n?

WRITE product END

count – count + 1


True

False

,


i“1i

9

Conceitos Avançados :: Scopes

snark.tex

9


26....

32.

\begin{scope}[...]

\end{scope}

9


26....

32.

\begin{scope}[...]

\end{scope}

(0, 1)

(0, 2)

(-0.5, 3) (0.5, 3)

scope

9


26....

32.

\begin{scope}[rotate = \rotate]

\end{scope}

(0, 1)

(0, 2)

(-0.5, 3) (0.5, 3)

scope

9


26....

32.

\begin{scope}[rotate = 72]

\end{scope}

(0,

1)

(0,

2)

(-0.

5,3)

(0.5

,3)

9


26....

32.

\begin{scope}[rotate = 72]

\end{scope}

(0,

1)

(0,

2)

(-0.

5,3)

(0.5

,3)

72o

9


26....

32.

\begin{scope}[scale = \scale]

\end{scope}

9


26....

32.

\begin{scope}[scale = \scale]

\end{scope}

9


26....

32.

\begin{scope}[rotate = 72, scale = 1.5]

\end{scope}

9


26....

32.

\begin{scope}[shift = {(x, y)}]

\end{scope}

9


26....

32.

\begin{scope}[shift = {(2, 0)}, rotate = 288]

\end{scope}

9


26....

32.


\end{scope}

(2, 0)

9


26....

32.


\end{scope}

2880

9


26....

32.

\begin{scope}[...]

\end{scope}

9


26....

32.

\begin{scope}[†style_name°/.style = {...}]

\end{scope}

9


26....

32.

\begin{scope}[style1˚/.style = {diamond}]

\end{scope} ˚Linha 9.

9


26....

32.

\begin{scope}[style1/.style = {diamond}]

\end{scope}

9


26....

32.

\begin{scope}[style1/.style = {diamond}]

\end{scope}

˛ draw = none,˛ fill = black,˛ align = center,

...

˛ diamond

9


26....

32.

\begin{scope}[style1/.append style = {diamond}]

\end{scope}

9


26....

32.


\end{scope}

9


26....

32.


\end{scope}

˛ fill = red,˛ diamond

9


26....

32.

\begin{scope}[every node/.style = {...}]

\end{scope}

9


26....

32.

\begin{scope}[every node/.append style = {...}]

\end{scope}

10

Conceitos Avançados :: Laços

27....

30.

\node[vertex, style\i] (z\i) at (0, 1) {};

\node[vertex, style\i] (y\i) at (0.5, 3) {};

10


27....

30.

\node[vertex] (z\i) at (0, 1) {};

\node[vertex] (y\i) at (0.5, 3) {};

10


22. \def \n {5}

10


22. \def \n {7}

10


22. \def \n {11}

10


22. \def \n {18}

10


Grafo completo Kn...

10


Grafo completo K3...

k3.tex1.

2.

3.

4.

\node (v1) at (90:1.5) {};

\node (v2) at (210:1.5) {};

\node (v3) at (330:1.5) {};

\draw (v1) to (v2) to (v3)

to (v1);

10



k4.tex1.

2.

3.

4.

5.

6.

7.

\node (v1) at (-1, 1) {};

\node (v2) at (-1, -1) {};

\node (v3) at (1, -1) {};

\node (v4) at (1, 1) {};


to (v4) to (v1);

\draw (v1) to (v3);

\draw (v2) to (v4);

10



k5.tex1.

2.

3.

4.

5.

6.

7.

\node (v1) at (90:1.5) {};

\node (v2) at (162:1.5) {};

\node (v3) at (234:1.5) {};

\node (v4) at (306:1.5) {};

\node (v5) at (18:1.5) {};


to (v4) to (v5) to (v1);


to (v2) to (v4) to (v1);

10



=/

10


24.

19-26

\foreach \i in {1, ..., \n}{...}

10


24.

19-26

\foreach \i in {1, ..., \n}{...} Iterador

10


24.

19-26

\foreach \i in {1, ..., \n}{...} Iterador

10


24. \foreach \i in {1, ..., \n}27. \node[vertex, style\i] (z\i) at (0, 1) {};

10



10



z1

z2z3

z4

z5style1

style2 style3

style4

style5

11

Conceitos Avançados :: Condicionais

38.

41.

44.

\ifthenelse{\not \i = \pgfmathresult}{

}{}

11


38.

41.

44.


}{}

teste condicional

11


38.

41.

44.


}{}

if condição == true

11


38.

41.

44.


}{}

if condição == false

11


38.

41.

44.

\ifthenelse{\i ‰ t n2 u}

}{}

11


38.

41.

44.

\ifthenelse{\i ‰ 2}}{}

\i = 1

\i = 2 \i = 3

\i = 4

\i = 5

11


38.

39.

40.

\ifthenelse{\i ‰ 2} {\draw (x\i) to[bend right = \bend] (x\ni);\draw (y\i) to[bend right = \bend] (y\ni); }

\i = 1

\i = 2 \i = 3

\i = 4

\i = 5

11


38.

42.

43.

\ifthenelse{\i ‰ 2} {...}{\draw (y\i) to[bend right = \bend] (x\ni);\draw (x\i) to[bend right = \bend] (y\ni); }

\i = 1

\i = 2 \i = 3

\i = 4

\i = 5

11


35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}] \i in {1, ..., \n} {

11


35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}] \i in {1, ..., \n} {

11


35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}]\i in {1, ..., \n} {

\i = 5

\ni = 1

11


23.

37.

38.

\pgfmathsetmacro\bend{360/\n}\pgfmathparse{floor(\n/2)}

... \pgfmathresult}{

12

Conceitos Avançados :: Animações

˛ “Use animations to explain the dynamics of systems, algorithms.”

˛ “Do not use animations to attract the attention of your audience.

This often distracts attention away from the main topic of the slide.”

˛ “Do not use distracting special e�ects like ‘dissolving’ slides unless

you have a very good reason for using them.”

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.


\begin{animateinline}[...]{60}


\end{tikzpicture}

\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.




\end{tikzpicture}

\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.




\end{tikzpicture}

\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.




\end{tikzpicture}

\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}



\end{tikzpicture}

\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.




\end{tikzpicture}\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.


\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {


\end{tikzpicture}}\end{animateinline}

\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.






\end{document}

Frames Per Second

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.






\end{document}

Frames Per Second

(Recomendado)

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.






\end{document}

args

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.



\begin{animateinline}[autoplay]{60}\multiframe{30}{n = 0 + 1} {



\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.



\begin{animateinline}[autoplay, controls]{60}\multiframe{30}{n = 0 + 1} {



\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.



\begin{animateinline}[autoplay, loop]{60}\multiframe{30}{n = 0 + 1} {



\end{document}

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.





\end{document}

# Frames

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.





\end{document}

Variável auxiliar \n

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.





\end{document}

Variável auxiliar \nComeçando em 0

12







1.

2.

3.

4.

5.

6.

7.

8.

9.

10.





\end{document}

Variável auxiliar \nComeçando em 0

\n += 1

13


1.2.3.4.5.6.7.8.9.10.





\end{document}

13


1.2.3.4.5.6.7.8.9.10.


% \begin{animateinline}[...]{60}% \multiframe{9}{n = 0 + 1} {

\begin{tikzpicture}\node at (x, x ´ 4);

\end{tikzpicture}% }% \end{animateinline}

\end{document}

13


1.2.3.4.5.6.7.8.9.10.



\begin{tikzpicture}\node at (0, -4);


\end{document}

(0, -4)

13


1.2.3.4.5.6.7.8.9.10.



\begin{tikzpicture}\node at (1, -3);


\end{document}

(1, -3)

13


1.2.3.4.5.6.7.8.9.10.



\begin{tikzpicture}\node at (\n, \n - 3);


\end{document}

9 frames

\n = 0 \n = 1 \n = 2 \n = 3 \n = 4 \n = 5 \n = 6 \n = 7 \n = 8

13


14

Conceitos Avançados :: Exemplos

*. \node[draw = orange, fill = violet, star,inner sep = 10] at (0, 0) {};

Movimentação

14


*. \node[draw = orange, fill = violet, star,inner sep = 10] at (-2, -1) {};

Movimentação

14



Movimentação

14



x\n “ xi ` pxf´xiq# frames - 1

¨ \n

y\n “ yi

pyf´yiq# frames - 1

¨ \n

Movimentação

14



x\n “ ´2 ` p2´p´2qq29 ¨ \n

y\n “ ´1 ` p1´p´1qq29 ¨ \n

Movimentação

14


*. \node[draw = orange, fill = violet, star,inner sep = 10] at ({x\n}, {y\n}) {};

x\n “ ´2 ` p2´p´2qq29 ¨ \n

y\n “ ´1 ` p1´p´1qq29 ¨ \n

Movimentação

14


*. \node[draw = orange, fill = violet, star,inner sep = 10] at ({x\n}, {y\n}) {};

Movimentação

14



Fade In / Fade Out

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = 1] at (-2, -1) {};

Fade In / Fade Out

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = .5] at (-2, -1) {};

Fade In / Fade Out

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = .5] at (-2, -1) {};

\opac = 1# frames - 1

¨\n

Fade In / Fade Out

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = \opac] at ...

\opac = 1# frames - 1

¨\n

Fade In / Fade Out

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = \opac] at ...

Fade In / Fade Out

14



Rotações

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = 0] at ...

Rotações

14



Rotações

14



\rotate = ◊i ` �◊# frames - 1

¨\n

Rotações

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \rotate] at ...

\rotate = ◊i ` �◊# frames - 1

¨\n

Rotações

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \rotate] at ...

Rotações

14


*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \n] at ...

Rotações

14



Mudança de Cores

14


*. \node[draw = orange, fill = violet!100!violet,star, inner sep = 10] at (-2, -1) {};

Mudança de Cores

14


*. \node[draw = orange, fill = violet!100!yellow,star, inner sep = 10] at (-2, -1) {};

Mudança de Cores

14



Mudança de Cores

14



\p = 100 - 100# frames - 1

¨\n

Mudança de Cores

14


*. \node[draw = orange, fill = violet!\p!yellow,star, inner sep = 10] at (-2, -1) {};

\p = 100 - 100# frames - 1

¨\n

Mudança de Cores

14


*. \node[draw = orange, fill = violet!\p!yellow,star, inner sep = 10] at (-2, -1) {};

Mudança de Cores

15

Muito Obrigado!

Obrigado :)

Agradecimentos:

Profa. Dra. Sheila Moraes de Almeida

Prof. Dr. Rafael Crivellari Saliba Schouery

31

Até daqui a pouco!

Documents

Parte #1 - Instituto de Computaçãora090743/docs/minicurso_tikz.pdf“Por que eu deveria aprender a usar TikZ?” 1 Escalabilidade 2 Fluxo de trabalho Exemplo: v1 u3 - Abrir XFig