# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pcp5js.yarquen.com.br/introducao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.