> For the complete documentation index, see [llms.txt](https://pcp5js.yarquen.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pcp5js.yarquen.com.br/introducao.md).

# Introdução

Vivemos na era da informação, da Inteligência Artificial. Isso faz com que uma das habilidades mais importantes da nossa época seja o desenvolvimento de um pensamento computacional. Essa habilidade fará com que você consiga interpretar algoritmos e também desenvolvê-los, tornando-o uma peça essencial no quebra cabeça em que vivemos.

## Processing

Para isso, vamos utilizar uma ferramenta [criada em 2001](https://en.wikipedia.org/wiki/Processing), por Casey Reas e Ben Fry, membros do MIT Media Lab. O Processing é uma biblioteca gráfica gratuita e também um ambiente de desenvolvimento integrado desenvolvida para permitir que artistas, designer ou qualquer tipo de usuário possa criar peças interativas e gráficas através de código.

<figure><img src="/files/t7uEQuv1ZpPdcYRODWqc" alt=""><figcaption><p>Home page do site processing.org</p></figcaption></figure>

Hoje o Processing é desenvolvido através da Processing Foundation, criada em 2012 com Daniel Shiffman, um professor da Universidade de Nova York, que tem um dos canais mais importantes sobre processing no YouTube: [The Coding Train](https://www.youtube.com/@TheCodingTrain).

<figure><img src="/files/RA2w4Y9Qpz0ZlpNxqdqz" alt=""><figcaption><p>Canal do Daniel Shiffman, o The Coding Train.</p></figcaption></figure>

A escolha do Processing não foi por acaso: nosso objetivo com este livro é fazer com que o leitor consiga utilizar conhecimentos de algoritmos e matemática para obter efeitos visuais interessantes. Através dessa ferramenta isso se faz possível de maneira fácil e objetiva, nos permitindo focar no nosso objetivo.

## p5.js

Apesar do Processing ser uma ótima escolha por si só, ele foi feito com Java. Mas, depois de criarem a Processing Foundation, foram criadas versões da biblioteca para outras linguagens.

<figure><img src="/files/mQ1voEPiw0dmSj27Zsi3" alt=""><figcaption><p>Versões do Processing</p></figcaption></figure>

Escolhemos usar o p5.js por ser a versão do Processing em Javascript, linguagem mais presente na vida dos alunos hoje em dia e também porque o editor online facilita o uso da biblioteca.

<figure><img src="/files/Qijtz2oOqkpm0fUzdyJ5" alt=""><figcaption><p>Editor online disponível em editor.p5js.org</p></figcaption></figure>
