---
# System prepended metadata

title: Ilustrações vetoriais com programação - Aula 1

---

# Ilustrações vetoriais com programação - Aula 1 

### `hackmd.io/@sesc-av-paulista/ilustras-vetoriais-1`
#### [índice das aulas](https://hackmd.io/@sesc-av-paulista/ilustras-vetoriais) 

- Grandes formato: vetorial v. raster 
    - Inspiração no Athos Bulcão https://www.fundathos.org.br/
        - [Galeria Virtual](https://www.fundathos.org.br/galeriavirtual)

Ambiente de trabalho com Python que vamos usar:
- [Thonny IDE + py5](https://abav.lugaralgum.com/como-instalar-py5/) (py5 é uma bibliteca que tem o vocabulário gráfico do Processing, uma ferramenta de programação para artistas)
- Documentação oficial do py5 https://py5coding.org
- Material de referência [material-aulas](https://abav.lugaralgum.com/material-aulas)
    - [primeiros passos](https://abav.lugaralgum.com/material-aulas/Processing-Python-py5/desenho-basico_py.html)

### Primeiro exemplo

![image](https://hackmd.io/_uploads/S19fXYBagg.png)

![image](https://hackmd.io/_uploads/BJU1DKHpgx.png)


```python
def setup():
    size(500, 500)  # tamanho da área de desenho
    fill('#C8C526')
    circle(60, 100, 50)
    fill(100, 0, 150)  # Red, Green, Ble (0 a 255)
    rect(20, 20, 200, 75) # x, y, largura, altura
    fill(255)
    ellipse(100, 100, 100, 50)  # x, y, largura, altura
    fill(0)
    circle(200, 200, 20) # x, y, diâmetro
```

![image](https://hackmd.io/_uploads/HJQCFYS6lg.png)

### Exemplo


![image](https://hackmd.io/_uploads/r1w1atHTel.png)





![image](https://hackmd.io/_uploads/rkm6ntS6le.png)
![image](https://hackmd.io/_uploads/ByNs6FBpxe.png)

![image](https://hackmd.io/_uploads/B1fuCFrTex.png)

![image](https://hackmd.io/_uploads/r1-dRtHage.png)

![image](https://hackmd.io/_uploads/rJQ60tHple.png)

![{19A8AEF5-C08F-4C11-94E7-AE08F88864F8}](https://hackmd.io/_uploads/HkldLM8ale.png)

![{D93E93F4-8CD9-447A-A5AB-B69388FC84B8}](https://hackmd.io/_uploads/B1apoQLagx.png)

