Aplicar Shader WebGL em uma Imagem
Este projeto é uma página HTML que permite ao usuário selecionar uma imagem, aplicar um shader em WebGL à imagem e fazer o download do resultado. O shader é aplicado por meio do uso da API WebGL, que permite manipular e processar imagens em tempo real diretamente no navegador.
Instruções de Uso
- Faça o download de todos os arquivos deste repositório.
- Abra o arquivo
index.htmlem um navegador da web compatível com WebGL (ex: Google Chrome). - Na página, clique no botão "Selecionar Imagem" e escolha uma imagem local no seu dispositivo.
- Em seguida, clique no botão "Aplicar Shader" para processar a imagem com o shader padrão (tons de cinza). O resultado será exibido na tela.
- O link "Download Resultado" será habilitado após a aplicação do shader. Clique nele para baixar o resultado em formato PNG.
Personalização
O projeto foi criado com simplicidade em mente, mas você pode personalizá-lo e adicionar mais recursos conforme suas necessidades e conhecimentos. Alguns ajustes possíveis incluem:
- Modificação do shader: Edite o código do shader no elemento
<textarea>para aplicar diferentes efeitos à imagem. - Interface do usuário: Personalize o CSS para alterar a aparência da página, como cores, fontes e layout.
Créditos
Este projeto foi desenvolvido por ChatGPT, um modelo de linguagem baseado na arquitetura GPT-3.5, criado pela OpenAI.
Licença
Este projeto é de código aberto e está licenciado sob a Licença MIT. Sinta-se à vontade para usá-lo, modificar e compartilhar conforme as diretrizes da licença.
Esperamos que este projeto seja útil para você! Se tiver alguma dúvida ou sugestão, sinta-se à vontade para entrar em contato.
Agradecemos a sua participação! 🚀