Uma coletânea de desenhos vetoriais gerados dinamicamente a partir de parâmetros definidos pelo usuário
-
Clone o repositório com
git clone https://github.com/Pitossomo/generative-js.git
-
No diretório criado, instale as dependências com
npm install
-
Inicie o servidor local com
npm run dev
-
Abra http://localhost:3000 com o navegador para ver os resultados.
-
No arquivo
sketchesMetadata.ts
, na raíz do projeto, adicione na variávelSKETCHES
um objeto com os elementos de input que aparecerão na tela, conforme os exemplos já existentes. -
Na pasta
src/components/sketchs
crie uma pasta para a nova arte, conforme modelos existentes -
Na pasta da nova arte, crie pelo menos um arquivo p.ex.
src/components/sketchs/NovaArte/NovaArte.tsx
contendo os métodossetup
edraw
- O método
setup
irá inicializar os inputs e o canvas - O método
draw
irá atualizar o desenho que aparece na tela conforme o valor dos inputs a cada atualização da tela