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ávelSKETCHESum objeto com os elementos de input que aparecerão na tela, conforme os exemplos já existentes. -
Na pasta
src/components/sketchscrie 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.tsxcontendo os métodossetupedraw
- O método
setupirá inicializar os inputs e o canvas - O método
drawirá atualizar o desenho que aparece na tela conforme o valor dos inputs a cada atualização da tela
