Post on 29-Jun-2020
1
Mini2curso de LATEX/TikZParte #1
Celso A. We�ort-Santos
UNICAMP
celso.santos@ic.unicamp.br
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?
“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?
“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?
“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?
“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?
“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?
“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?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Continuar no .tex
3
But... why?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Redesenhar arestas
- Continuar no .tex
3
But... why?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Redesenhar arestas
- Reposicionar nomes
- Continuar no .tex
3
But... why?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Redesenhar arestas
- Reposicionar nomes
- Salvar o .eps
- Continuar no .tex
3
But... why?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Redesenhar arestas
- Reposicionar nomes
- Salvar o .eps- Abrir o .tex
- Continuar no .tex
3
But... why?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Reposicionar vértices
- Redesenhar arestas
- Reposicionar nomes
- Salvar o .eps- Abrir o .tex- Torcer pra ficar bom!
- Continuar no .tex
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?
“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?
“Por que eu deveria aprender a usar TikZ?”
1 Escalabilidade
2 Fluxo de trabalho
Exemplo:
v1 u3
- Abrir XFig
- Continuar no .tex- +3 linhas
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 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
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
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
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
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
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
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
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
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
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
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
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
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
Primeiros Passos :: Visão Geral
˛ TikZ “Ñ” LATEX
˛ Formato “padrão” de comandos LATEX:
\newcommand{\vgn}[1]{\chi_{\small V}ˆ{g}}
nome do comando
argumentos dados\node[thick, fill = red] at (0, 0) {1};
˛ TikZ é altamente intuitivo
6
Primeiros Passos :: Visão Geral
˛ TikZ “Ñ” LATEX
˛ Formato “padrão” de comandos LATEX:
\newcommand{\vgn}[1]{\chi_{\small V}ˆ{g}}
nome do comando
argumentos
dados\node[thick, fill = red] at (0, 0) {1};
˛ TikZ é altamente intuitivo
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
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
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
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
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 é 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
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
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
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
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
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
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
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}
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
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
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
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
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
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
(0, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
(0, 0)(-2, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
(0, 0)(-2, 0) (2, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
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
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
(0, 0)
(0, -2)
(0, 2)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) to (0, 2);
(0, 0)
(0, -2)
(0, 2)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
(-2, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
(-2, 0) (2, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
(-2, 0) (2, 0)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2);
(3, 2)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);
(3, 2)
10
Conceitos Básicos :: Desenhando :: Linhas
16.
17.
\draw (-2, 0) -- (2, 0) -- (3, 2);\draw (0, -2) to (0, 2) to (3, 2);
(0, -2)
(0, 2)
10
Conceitos Básicos :: Desenhando :: Linhas
˛ 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
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->, thick, blue] (0, 0) to (bluetip);\draw[->, thick, red] (0, 0) to (redtip);
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35);
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); px, yq
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); px, yq
(0, 0)
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); p◊ : rq
(0, 0)
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); p◊ : rq
r “ 1.35
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); p◊ : rq
r “ 1.35
(0:1.35)
11
Conceitos Básicos :: Desenhando :: Setas
28. \draw[->] (0, 0) to (60:1.35); p◊ : rq
r “ 1.35
(60:1.35)
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);
60o
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (90:0.9);
90o
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (300:0.9);
300o
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9);
´30o
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9);
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[<-] (0, 0) to (60:0.9);
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[-|] (0, 0) to (-30:0.9);
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[|->] (0, 0) to (60:1.35);\draw[-|] (0, 0) to (-30:0.9);
11
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (-30:0.9) -- (2, 1);
11
Conceitos Básicos :: Desenhando :: Setas
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
Conceitos Básicos :: Desenhando :: Setas
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[<-|] (0, 0) to (-30:0.9) to (2, 1);
11
Conceitos Básicos :: Desenhando :: Setas
˛ 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
Conceitos Básicos :: Desenhando :: Curvas
26. \draw[fill = green!30, green!50!black](\greenradius, 0) to[out=90, in=330](\blueangle:\greenradius) -- (0, 0) -- cycle;
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- (0.5, 0);
12
Conceitos Básicos :: Desenhando :: Curvas
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
Conceitos Básicos :: Desenhando :: Curvas
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
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to (3.5, 1.5);
(4.5, -1)
(3.5, 1.5)
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=◊1, in=◊2] (3.5, 1.5);
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=◊1, in=◊2] (3.5, 1.5);
◊1 “ 0o
◊2 “ 0o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=◊2] (3.5, 1.5);
◊1 “ 0o
◊2 “ 0o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=◊2] (3.5, 1.5);
◊1 “ 60o
◊2 “ 0o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);
◊1 “ 60o
◊2 “ 0o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);
◊1 “ 60o
◊2 “ 240o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);
◊1 “ 60o
◊2 “ 240o
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
*. \draw (4.5, -1) to[out=60, in=240] (3.5, 1.5);
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
12
Conceitos Básicos :: Desenhando :: Curvas
26. \draw (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:{(\blueradius + \redradius)/2})arc [start angle = 120, radius = {(\blueradius+ \redradius)/2}, end angle = 165];
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:{(\blueradius + \redradius)/2})arc [start angle = 120, radius = {(\blueradius+ \redradius)/2}, end angle = 165];
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:{(\blueradius + \redradius)/2})arc [start angle = 120, radius = {(\blueradius+ \redradius)/2}, end angle = 165];
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
120o
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
1.125
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
165o
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
165o
1.12
5
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
40o
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
1.3
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
330o
1.3
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
1.3
13
Conceitos Básicos :: Desenhando :: Curvas
20. \draw[->] (120:1.125) arc [start angle = 120,radius = 1.125, end angle = 165]
*. \draw (5,1) arc [r = 1.3, start = 40, end = 330];
13
Conceitos Básicos :: Desenhando :: Curvas
˛ Exercício:
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];23. \draw[blue, ...] (0, 0) circle [radius = 1.35];
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];24. \draw[red, ...] (0, 0) circle [radius = 0.9];
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];
(0, 0)
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];
(0, 0)1.5
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (3, -2) rectangle (5, 2);
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (3, -2) rectangle (5, 2);
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (3, -2) rectangle (5, 2);
(3, -2)
(5, 2)
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (4.5, 0) ellipse (1 and 2);
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (4.5, 0) ellipse (1 and 2);
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];*. \draw (4.5, 0) ellipse (1 and 2);
1 1
2
2
(4.5, 0)
14
Conceitos Básicos :: Desenhando :: Formas
18. \draw (0, 0) circle [radius = 1.5];... e triângulos? polígonos?
14
Conceitos Básicos :: Desenhando :: Formas
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
Conceitos Básicos :: Desenhando :: Grades
33.
51.
\begin{scope}[shift = {(2.75, 0)}\end{scope}
15
Conceitos Básicos :: Desenhando :: Grades
36. \draw[->, ...] (0, -2) to (0, 2);
15
Conceitos Básicos :: Desenhando :: Grades
36. \draw[->, ...] (0, -2) to (0, 2);37. \draw[->, ...] (-0.1, 0) to (5, 0);
15
Conceitos Básicos :: Desenhando :: Grades
36. \draw[->, ...] (0, -2) to (0, 2);37. \draw[->, ...] (-0.1, 0) to (5, 0);
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
(-0.1, -1.6)
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
(-0.1, -1.6)
(«4.767, 1.6)
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
(-0.1, -1.6)
(«4.767, 1.6)
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
xstep “ 23
15
Conceitos Básicos :: Desenhando :: Grades
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
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
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0
x “ 420
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0
x “ 420
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
px, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
px, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
px, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});
x “ 0x “ 420
px, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
px, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
p3, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
x “ 3
p3, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
x “ 3
p3, yq
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
x “ 3
p3, ´ 0.9q
16
Conceitos Básicos :: Desenhando :: Funções
49. \draw[domain=0:420] plot ({\x/90}, {0.9*sin(\x)});\x = 270
x “ 0x “ 420
x “ 3
p3, ´ 0.9q
16
Conceitos Básicos :: Desenhando :: Funções
˛ Exercício
17
Parte #1.2 :: Decorando
18
Conceitos Básicos :: Decorando
Ê–
Êt–
fi2
fi 3fi2
2fi
IptqUptq
phase.tex
1 Desenhar...
§ Linhas/Setas/Curvas§ Formas§ Grades§ Plot de Funções˚
2 Decorar...
§ Cor§ Espessura§ Padrões
3 Escrever...
§ Nodes§ Decoração§ Posicionamento
19
Conceitos Básicos :: Decorando :: Cores
19
Conceitos Básicos :: Decorando :: Cores
19
Conceitos Básicos :: Decorando :: Cores
16.
17.
\draw (-2, 0) -- (2, 0);\draw (0, -2) -- (0, 2);
19
Conceitos Básicos :: Decorando :: Cores
16.
17.
\draw[black] (-2, 0) -- (2, 0);\draw[black] (0, -2) -- (0, 2);
19
Conceitos Básicos :: Decorando :: Cores
28.
29.
\draw[->] (0, 0) to (60:1.35);\draw[->] (0, 0) to (60:0.9);
19
Conceitos Básicos :: Decorando :: Cores
28.
29.
\draw[->, blue] (0, 0) to (60:1.35);\draw[->, red] (0, 0) to (60:0.9);
19
Conceitos Básicos :: Decorando :: Cores
28.
29.
\draw[->, red] (0, 0) to (60:0.9);\draw[->, blue] (0, 0) to (60:1.35);
19
Conceitos Básicos :: Decorando :: Cores
28.
29.
\draw[->, red] (0, 0) to (60:0.9);\draw[->, blue] (0, 0) to (60:1.35);=
(
19
Conceitos Básicos :: Decorando :: Cores
18.
23.
\draw (0, 0) circle [radius = 1.5];\draw (0, 0) circle [radius = 1.35];
19
Conceitos Básicos :: Decorando :: Cores
18.
23.
\draw[black] (0, 0) circle [radius = 1.5];\draw[blue] (0, 0) circle [radius = 1.35];
19
Conceitos Básicos :: Decorando :: Cores
23.
24.
\draw[blue] (0, 0) circle [radius = 1.35];\draw[red] (0, 0) circle [radius = 0.9];
19
Conceitos Básicos :: Decorando :: Cores
26. \draw (0.5, 0) to[out=90, in=330] (60:0.5)-- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
100% green
0% green
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
100% green
0% green
30% green
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[fill = green!30] (0.5, 0) to[out=90, in=330](60:0.5) -- (0, 0) -- cycle;
100% green
100% white
19
Conceitos Básicos :: Decorando :: Cores
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
Conceitos Básicos :: Decorando :: Cores
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% black
19
Conceitos Básicos :: Decorando :: Cores
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% black
50% from greento black
19
Conceitos Básicos :: Decorando :: Cores
26. \draw[green!50!black, fill = green!30] (0.5, 0)to[out=90, in=330] (60:0.5) -- (0, 0) -- cycle;
19
Conceitos Básicos :: Decorando :: Cores
36.
37.
\draw[->, green!50!black] (0, -2) to (0, 2);\draw[->, green!50!black] (-0.1, 0) to (5, 0);
19
Conceitos Básicos :: Decorando :: Cores
35. \draw[black!30] (-0.1, -1.6) grid[xstep = 2/3,ystep = 0.5] ({14/3 + 0.1}, 1.6);
19
Conceitos Básicos :: Decorando :: Cores
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
Conceitos Básicos :: Decorando :: Espessuras
29. \draw[->, red] (0, 0) to (60:0.9);
20
Conceitos Básicos :: Decorando :: Espessuras
29. \draw[->, red, thick] (0, 0) to (60:0.9);
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw (x, -1) to ({x + 1}, 2);
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw (x, -1) to ({x + 1}, 2);
0 23
43 2 8
3103 4
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw[] (2, -1) to (3, 2);
0 23
43 2 8
3103 4
defa
ult
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw[thick] (8/3, -1) to (11/3, 2);
0 23
43 2 8
3103 4
defa
ult
thick
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw[thin] (4/3, -1) to (7/3, 2);
0 23
43 2 8
3103 4
thin
defa
ult
thick
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw[very thin] (2/3, -1) to (5/3, 2);
0 23
43 2 8
3103 4
very
thin
thin
defa
ult
thick
20
Conceitos Básicos :: Decorando :: Espessuras
*. \draw[ultra thin] (0, -1) to (1, 2);
0 23
43 2 8
3103 4
ultra
thin
very
thin
thin
defa
ult
thick
20
Conceitos Básicos :: Decorando :: Espessuras
*. \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
Conceitos Básicos :: Decorando :: Espessuras
*. \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
Conceitos Básicos :: Decorando :: Espessuras
*. \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
Conceitos Básicos :: Decorando :: Espessuras
29. \draw[->, red, thick] (0, 0) to (60:0.9);
20
Conceitos Básicos :: Decorando :: Espessuras
28. \draw[->, blue, thick] (0, 0) to (60:1.35);
20
Conceitos Básicos :: Decorando :: Espessuras
23.
24.
\draw[blue, thick] (0, 0) circle [radius = 1.35];\draw[red, thick] (0, 0) circle [radius = 0.9];
20
Conceitos Básicos :: Decorando :: Espessuras
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
Conceitos Básicos :: Decorando :: Padrões
24. \draw[red, thick] (0, 0) circle [radius = 0.9];
21
Conceitos Básicos :: Decorando :: Padrões
24. \draw[red, dotted, thick] (0, 0)circle [radius = 0.9];
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw (x, -0.4) to ({x + 1}, 2);
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[] (0, -0.4) to (1, 2);
defa
ult
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[dotted] (2/3, -0.4) to (5/3, 2);
defa
ultdo
tted
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[dashed] (4/3, -0.4) to (7/3, 2);
defa
ultdo
tted
dash
ed
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[loosely dotted] (2, -0.4) to (3, 2);
defa
ultdo
tted
dash
edlo
osely
dotte
d
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[densely dotted] (8/3, -0.4) to (11/3, 2);
defa
ultdo
tted
dash
edlo
osely
dotte
dde
nsely
dash
ed
21
Conceitos Básicos :: Decorando :: Padrões
*. \draw[double] (10/3, -0.4) to (13/3, 2);
defa
ultdo
tted
dash
edlo
osely
dotte
dde
nsely
dash
ed
doub
le
21
Conceitos Básicos :: Decorando :: Padrões
*. \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
Conceitos Básicos :: Decorando :: Padrões
*. \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
Conceitos Básicos :: Decorando :: Padrões
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...
§ Linhas/Setas/Curvas§ Formas§ Grades§ Plot de Funções˚
2 Decorar...
§ Cor§ Espessura§ Padrões
3 Escrever...
§ Nodes§ Decoração§ Posicionamento
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê(0, 0)
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê(0, 0)
(170:1.125)
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
21. \node at (170:1.125) {$\omega$};
Ê
24
Conceitos Básicos :: Escrevendo :: Nodes
*. \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
Conceitos Básicos :: Escrevendo :: Decoração
21. \node at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[red] at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red] at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red] at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red, white]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red, white]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red, white]at (170:1.125) {$\omega$};
Cor sem parâmetro
aplica a tudo!
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red, fill = white, text = white,draw = white] at (170:1.125) {$\omega$};
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[fill = red, text = white]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[white, fill = red]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[draw] at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[draw] at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[draw = black, rectangle]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[draw, circle]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node[draw, orange, ellipse]at (170:1.125) {$\omega$};
Ê
25
Conceitos Básicos :: Escrevendo :: Decoração
21. \node at (170:1.125) {$\omega$};
Ê
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
Ê
–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
Ê–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
Ê–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
Ê–(60:5)
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
–
–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[right] at (60:0.5) {\scriptsize $\alpha$};
–
right
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[above] at (60:0.5) {. . .};
–
rightabove
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[left] at (60:0.5) {. . .};
–
rightabove
left
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[below] at (60:0.5) {. . .};
–
rightabove
leftbelow
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[above/below right/left] at (60:0.5) {. . .};
–
below left below right
above left above right
26
Conceitos Básicos :: Escrevendo :: Posicionamento
31. \node[above/below right/left] at (60:0.5) {. . .};
–
below left below right
above left above right
26
Conceitos Básicos :: Escrevendo :: Posicionamento
40. \node[below] at ({2/3 * pi/2}, 0) {\scriptsize$\frac{\pi}{2}$};
Ê–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
40. \node[below] at ({2/3 * pi/2}, 0) {\scriptsize$\frac{\pi}{2}$};
Êfi2
–
26
Conceitos Básicos :: Escrevendo :: Posicionamento
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
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Êt
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Êt
(5, 0)(-0.1, 0)
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Êt
(5, 0)(-0.1, 0)
27
Conceitos Básicos :: Escrevendo :: Pos. Relativo
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
Conceitos Básicos :: Escrevendo :: Pos. Relativo
37. \draw[->, green!50!black] (-0.1, 0) to (5,0)node[right] {$\omega t$};
at (x, y)
Ê–
fi2
fi 3fi2
2fiÊt
(5, 0)(-0.1, 0)
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Êt
(5, 0)(-0.1, 0) (5, 0)
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Êt
(5, 0)(-0.1, 0)Êt
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Êt
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Êt
27
Conceitos Básicos :: Escrevendo :: Pos. Relativo
49. \draw[red, thick, domain = 0:420] plot ({\x/90},{0.9*sin(\x)}) node[right] {$I(t)$};
Ê–
fi2
fi 3fi2
2fiÊt
27
Conceitos Básicos :: Escrevendo :: Pos. Relativo
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
Conceitos Básicos :: Escrevendo :: Pos. Relativo
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
Conceitos Básicos :: Escrevendo :: Pos. Relativo
*. \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
Conceitos Básicos :: Escrevendo :: Pos. Relativo
*. \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
Conceitos Básicos :: Escrevendo :: Pos. Relativo
*. \draw[->] to to to to to ;
Ê–
IptqUptq
fi2
fi 3fi2
2fiÊt
27
Conceitos Básicos :: Escrevendo :: Pos. Relativo
*. \draw[->] to to node[below] {$\pi$} toto to ;
Ê–
IptqUptq
Êt
27
Conceitos Básicos :: Escrevendo :: Pos. Relativo
*. \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...
§ Linhas/Setas/Curvas§ Formas§ Grades§ Plot de Funções˚
2 Decorar...
§ Cor§ Espessura§ Padrões
3 Escrever...
§ Nodes§ Decoração§ Posicionamento
29
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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
Conceitos Básicos :: Finalizando
˛ 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)
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
celso.santos@ic.unicamp.br
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!
˛ 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!˛ 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!
˛ 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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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!
˛ 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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
“Ahh mas aí foi muito fácil!”
- SANTOS, B., 2018
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
4
Conceitos “Avançados”
5
Conceitos Avançados :: Gradientes / Shades
flor.tex
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue!50, bottom color = white](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue!50, bottom color = white](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue!50, bottom color = white](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red](-3, 4) rectangle (3, -4);
top color
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red](-3, 4) rectangle (3, -4);
top color
bottom color
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red,middle color = cyan] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red,shading angle = 30] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red,shading angle = 90] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue, bottom color = red,shading angle = 90] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[left color = blue, right color = red](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[left color = blue, right color = red,middle color = cyan] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[top color = blue!50, bottom color = white](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \draw[top color = blue!50, bottom color = white,shade, draw = none, shading = axis] (-3, 4) ...
5
Conceitos Avançados :: Gradientes / Shades
9. \draw[top color = blue!50, bottom color = white,shade, draw = none, shading = axis] (-3, 4) ...
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[inner color = blue!50, outer color = white,shading = radial] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[inner color = blue!50, outer color = white,shading = radial] (-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[inner color = white, outer color = blue!50](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
9. \shade[ball color = blue](-3, 4) rectangle (3, -4);
5
Conceitos Avançados :: Gradientes / Shades
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
Conceitos Avançados :: Pos. Relativo
12. \draw[...] (-0.97, -2) to[bend left = 40]++(1, 0.2) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(0, 0)
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1, -0.5)
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
px, yq
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
px, yq``
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
px, yq``
p�x, �yq
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
px, yq``
p�x, �yq“
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-1.3, -2)
px, yq``
p�x, �yq“
pxfinal, yfinalq
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
(-2.3, -1.5)
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
13. \draw[...] (-1.3, -2) to[bend left = 40]++(-1, 0.5) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
12. \draw[...] (-0.97, -2) to[bend left = 40]++(1, 0.2) to[bend left = 40] cycle;
6
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);
6
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);
6
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to ++(1, 1) to ++(1, -1)to ++(1, 1) to ++(1, -1) to ++(1, 1);
(-2.5, 2)
6
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);
6
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);
6
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);
(-2.5, 2)
6
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to +(1, 1) to +(1, -1)to +(1, 1) to +(1, -1) to +(1, 1);
(-2.5, 2)
6
Conceitos Avançados :: Pos. Relativo
*. \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
Conceitos Avançados :: Pos. Relativo
*. \draw (-2.5, 2) to +(1, 1) to (-1.5, 1)to +(1, 1) to +(1, -1) to +(1, 1);
(-2.5, 2)
7
Conceitos Avançados :: Pos. Relativo
product.tex
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
7
Conceitos Avançados :: Pos. Relativo
30. \node[state] (start) {START};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
7
Conceitos Avançados :: Pos. Relativo
30. \node[...] (start) {START};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
7
Conceitos Avançados :: Pos. Relativo
30. \node[...] (start) {START};Nome do node
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
7
Conceitos Avançados :: Pos. Relativo
30. \node[...] (start) {START};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
7
Conceitos Avançados :: Pos. Relativo
30. \node[...] (start) {START};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ below of
7
Conceitos Avançados :: Pos. Relativo
30. \node[...] (start) {START};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
7
Conceitos Avançados :: Pos. Relativo
31. \node[rw, below of = start] (read) {READ};
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
7
Conceitos Avançados :: Pos. Relativo
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
1. Outras formas de
posicionamento relativo:
˛ above of = nome
2. Utilizar nomes como
coordenadas...
3. “Meio do caminho”...
8
Conceitos Avançados :: Styles
7. \tikzset{...}
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
8
Conceitos Avançados :: Styles
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
state
8
Conceitos Avançados :: Styles
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
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
rw
8
Conceitos Avançados :: Styles
12.
15.
\state/.style = { ... }\rw/.style = { ... }
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
8
Conceitos Avançados :: Styles
10. \every node/.style = {draw, align = center},
START
READ n
count – 1
product – 1
IS count ° n?
WRITE product END
count – count + 1
product – product * count
True
False
,
Algorithm that calculatesn±
i“1i
9
Conceitos Avançados :: Scopes
snark.tex
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[...]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[...]
\end{scope}
(0, 1)
(0, 2)
(-0.5, 3) (0.5, 3)
scope
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[rotate = \rotate]
\end{scope}
(0, 1)
(0, 2)
(-0.5, 3) (0.5, 3)
scope
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[rotate = 72]
\end{scope}
(0,
1)
(0,
2)
(-0.
5,3)
(0.5
,3)
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[rotate = 72]
\end{scope}
(0,
1)
(0,
2)
(-0.
5,3)
(0.5
,3)
72o
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[scale = \scale]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[scale = \scale]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[rotate = 72, scale = 1.5]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[shift = {(x, y)}]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[shift = {(2, 0)}, rotate = 288]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[shift = {(2, 0)}, rotate = 288]
\end{scope}
(2, 0)
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[shift = {(2, 0)}, rotate = 288]
\end{scope}
2880
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[...]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[†style_name°/.style = {...}]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1˚/.style = {diamond}]
\end{scope} ˚Linha 9.
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1/.style = {diamond}]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1/.style = {diamond}]
\end{scope}
˛ draw = none,˛ fill = black,˛ align = center,
...
˛ diamond
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1/.append style = {diamond}]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1/.append style = {diamond}]
\end{scope}
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[style1/.append style = {diamond}]
\end{scope}
˛ fill = red,˛ diamond
9
Conceitos Avançados :: Scopes
26....
32.
\begin{scope}[every node/.style = {...}]
\end{scope}
9
Conceitos Avançados :: Scopes
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
Conceitos Avançados :: Laços
27....
30.
\node[vertex] (z\i) at (0, 1) {};
\node[vertex] (y\i) at (0.5, 3) {};
10
Conceitos Avançados :: Laços
22. \def \n {5}
10
Conceitos Avançados :: Laços
22. \def \n {7}
10
Conceitos Avançados :: Laços
22. \def \n {11}
10
Conceitos Avançados :: Laços
22. \def \n {18}
10
Conceitos Avançados :: Laços
Grafo completo Kn...
10
Conceitos Avançados :: Laços
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
Conceitos Avançados :: Laços
Grafo completo K4...
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) {};
\draw (v1) to (v2) to (v3)
to (v4) to (v1);
\draw (v1) to (v3);
\draw (v2) to (v4);
10
Conceitos Avançados :: Laços
Grafo completo K5...
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) {};
\draw (v1) to (v2) to (v3)
to (v4) to (v5) to (v1);
\draw (v1) to (v3) to (v5)
to (v2) to (v4) to (v1);
10
Conceitos Avançados :: Laços
Grafo completo K11...
=/
10
Conceitos Avançados :: Laços
24.
19-26
\foreach \i in {1, ..., \n}{...}
10
Conceitos Avançados :: Laços
24.
19-26
\foreach \i in {1, ..., \n}{...} Iterador
10
Conceitos Avançados :: Laços
24.
19-26
\foreach \i in {1, ..., \n}{...} Iterador
10
Conceitos Avançados :: Laços
24. \foreach \i in {1, ..., \n}27. \node[vertex, style\i] (z\i) at (0, 1) {};
10
Conceitos Avançados :: Laços
24. \foreach \i in {1, ..., \n}27. \node[vertex, style\i] (z\i) at (0, 1) {};
10
Conceitos Avançados :: Laços
24. \foreach \i in {1, ..., \n}27. \node[vertex, style\i] (z\i) at (0, 1) {};
z1
z2z3
z4
z5style1
style2 style3
style4
style5
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\not \i = \pgfmathresult}{
}{}
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\not \i = \pgfmathresult}{
}{}
teste condicional
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\not \i = \pgfmathresult}{
}{}
if condição == true
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\not \i = \pgfmathresult}{
}{}
if condição == false
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\i ‰ t n2 u}
}{}
11
Conceitos Avançados :: Condicionais
38.
41.
44.
\ifthenelse{\i ‰ 2}}{}
\i = 1
\i = 2 \i = 3
\i = 4
\i = 5
11
Conceitos Avançados :: Condicionais
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
Conceitos Avançados :: Condicionais
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
Conceitos Avançados :: Condicionais
35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}] \i in {1, ..., \n} {
11
Conceitos Avançados :: Condicionais
35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}] \i in {1, ..., \n} {
11
Conceitos Avançados :: Condicionais
35. \foreach[evaluate = \i as \ni using{int(mod(\i, \n) + 1)}]\i in {1, ..., \n} {
\i = 5
\ni = 1
11
Conceitos Avançados :: Condicionais
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.
\documentclass{standalone}\usepackage{tikz}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}
\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}
\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}
\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}
\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}
\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
Frames Per Second
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
Frames Per Second
(Recomendado)
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
args
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[autoplay]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[autoplay, controls]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}
\begin{animateinline}[autoplay, loop]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
# Frames
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
Variável auxiliar \n
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
Variável auxiliar \nComeçando em 0
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.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{30}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
Variável auxiliar \nComeçando em 0
\n += 1
13
Conceitos Avançados :: Animações
1.2.3.4.5.6.7.8.9.10.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{9}{n = 0 + 1} {
\begin{tikzpicture}% ... insert code here ... :)
\end{tikzpicture}}\end{animateinline}
\end{document}
13
Conceitos Avançados :: Animações
1.2.3.4.5.6.7.8.9.10.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
% \begin{animateinline}[...]{60}% \multiframe{9}{n = 0 + 1} {
\begin{tikzpicture}\node at (x, x ´ 4);
\end{tikzpicture}% }% \end{animateinline}
\end{document}
13
Conceitos Avançados :: Animações
1.2.3.4.5.6.7.8.9.10.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
% \begin{animateinline}[...]{60}% \multiframe{9}{n = 0 + 1} {
\begin{tikzpicture}\node at (0, -4);
\end{tikzpicture}% }% \end{animateinline}
\end{document}
(0, -4)
13
Conceitos Avançados :: Animações
1.2.3.4.5.6.7.8.9.10.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
% \begin{animateinline}[...]{60}% \multiframe{9}{n = 0 + 1} {
\begin{tikzpicture}\node at (1, -3);
\end{tikzpicture}% }% \end{animateinline}
\end{document}
(1, -3)
13
Conceitos Avançados :: Animações
1.2.3.4.5.6.7.8.9.10.
\documentclass{standalone}\usepackage{tikz} \usepackage{animate}\begin{document}
\begin{animateinline}[...]{60}\multiframe{9}{n = 0 + 1} {
\begin{tikzpicture}\node at (\n, \n - 3);
\end{tikzpicture}}\end{animateinline}
\end{document}
9 frames
\n = 0 \n = 1 \n = 2 \n = 3 \n = 4 \n = 5 \n = 6 \n = 7 \n = 8
13
Conceitos Avançados :: Animações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (0, 0) {};
Movimentação
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (-2, -1) {};
Movimentação
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (2, 1) {};
Movimentação
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (2, 1) {};
x\n “ xi ` pxf´xiq# frames - 1
¨ \n
y\n “ yi
pyf´yiq# frames - 1
¨ \n
Movimentação
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (2, 1) {};
x\n “ ´2 ` p2´p´2qq29 ¨ \n
y\n “ ´1 ` p1´p´1qq29 ¨ \n
Movimentação
14
Conceitos Avançados :: Exemplos
*. \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
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at ({x\n}, {y\n}) {};
Movimentação
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (0, 0) {};
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = 1] at (-2, -1) {};
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = .5] at (-2, -1) {};
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = .5] at (-2, -1) {};
\opac = 1# frames - 1
¨\n
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = \opac] at ...
\opac = 1# frames - 1
¨\n
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, opacity = \opac] at ...
Fade In / Fade Out
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (0, 0) {};
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = 0] at ...
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = 20] at ...
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = 20] at ...
\rotate = ◊i ` �◊# frames - 1
¨\n
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \rotate] at ...
\rotate = ◊i ` �◊# frames - 1
¨\n
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \rotate] at ...
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10, rotate = \n] at ...
Rotações
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet, star,inner sep = 10] at (0, 0) {};
Mudança de Cores
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet!100!violet,star, inner sep = 10] at (-2, -1) {};
Mudança de Cores
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet!100!yellow,star, inner sep = 10] at (-2, -1) {};
Mudança de Cores
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet!20!yellow,star, inner sep = 10] at (-2, -1) {};
Mudança de Cores
14
Conceitos Avançados :: Exemplos
*. \node[draw = orange, fill = violet!20!yellow,star, inner sep = 10] at (-2, -1) {};
\p = 100 - 100# frames - 1
¨\n
Mudança de Cores
14
Conceitos Avançados :: Exemplos
*. \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
Conceitos Avançados :: Exemplos
*. \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!