Skip to content

Latest commit

 

History

History
57 lines (36 loc) · 1.98 KB

README.md

File metadata and controls

57 lines (36 loc) · 1.98 KB

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:

  1. Clone este repositório: 
    git clone https://github.com/tatyquebralayout/Fractal-Tree-with-L-System.git
  2. Navegue até o diretório do projeto: 
    cd Fractal-Tree-with-L-System
  3. 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