Fractal-Tree-with-L-System

Este projeto demonstra como criar uma Árvore Fractal usando um sistema de Lindenmayer (L-System) com a biblioteca p5.js. Um L-System é um método de reescrita recursiva que pode gerar padrões fractais, como uma árvore.

Estrutura do Projeto

O projeto é composto pelos seguintes arquivos:

index.html: O arquivo HTML principal que estrutura a página.
css/style.css: O arquivo CSS que contém os estilos da página.
js/sketch.js: O arquivo JavaScript que contém o código p5.js responsável por desenhar a árvore fractal.

Como Usar

Para visualizar a Árvore Fractal, siga os passos abaixo:

Clone este repositório:

git clone https://github.com/tatyquebralayout/Fractal-Tree-with-L-System.git

Navegue até o diretório do projeto:
```
cd Fractal-Tree-with-L-System
```
Abra o arquivo index.html em seu navegador:
- Você pode fazer isso arrastando o arquivo para uma janela do navegador ou usando um servidor local como o Live Server no VSCode.

Tecnologias Utilizadas

p5.js: Uma biblioteca JavaScript que facilita o desenho e a manipulação de gráficos.
HTML: Linguagem de marcação utilizada para estruturar o conteúdo da web.
CSS: Linguagem de estilo utilizada para definir a apresentação do conteúdo da web.
JavaScript: Linguagem de programação utilizada para criar comportamentos dinâmicos no projeto.

Funcionalidades

Gerar Nova Árvore: Gera uma nova árvore fractal aplicando as regras do L-System.
Limpar: Limpa o canvas e reinicia o desenho da árvore a partir do axioma inicial.

Estrutura do Código

HTML (`index.html`)

Estrutura a página e inclui os arquivos CSS e JavaScript necessários.

CSS (`style.css`)

Estiliza a página seguindo um design brutalista, com foco em simplicidade e clareza.

JavaScript (`sketch.js`)

Contém o código p5.js que desenha a Árvore Fractal usando um L-System.

Autora

Tatiana Barros

tatyquebralayout/Fractal-Tree-with-L-System