Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jjgouveia/emojify
O Emojify permite transformar fotos em um mosaico de emojis.
https://github.com/jjgouveia/emojify
css emoji emojiart html javascript
Last synced: 14 days ago
JSON representation
O Emojify permite transformar fotos em um mosaico de emojis.
- Host: GitHub
- URL: https://github.com/jjgouveia/emojify
- Owner: jjgouveia
- Created: 2023-06-13T04:59:31.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-08-11T01:46:25.000Z (over 1 year ago)
- Last Synced: 2024-11-14T14:22:32.674Z (2 months ago)
- Topics: css, emoji, emojiart, html, javascript
- Language: HTML
- Homepage: https://emojify-omega.vercel.app
- Size: 1.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# Emojify 🖼️ - Transforme suas fotos em emojis
## Autor:
* **Nome:** Jr Gouveia;
* **E-mail:** [email protected];## Sobre o projeto:
Baseado no Emoji Art Maker, o Emojify permite transformar fotos em um mosaico de emojis. O projeto foi desenvolvido em JavaScript e não faz uso de nenhuma biblioteca externa para conversão das imagens. O algoritmo de comparação de cores foi baseado nas métricas DELTA E e hoje conta com duas delas (E94 e E00).## Como usar:
Para usar basta acessar o [Emojify](https://emojify-beta.vercel.app/) e fazer o upload de uma imagem. O resultado será exibido na tela e você poderá fazer o download da imagem gerada. Lembrando que o projeto ainda está em fase beta e pode apresentar alguns bugs. Caso encontre algum, por favor, abra uma issue ou entre em contato comigo.## [Informações Importantes](#informações-importantes):
* O Emojify não armazena nenhuma imagem enviada pelo usuário;
* A performance do algoritmo de comparação de cores pode variar de acordo com o dispositivo utilizado, portanto, pode ser que o tempo de processamento seja maior em alguns casos. Principalmente quando as imagens possuem muitos detalhes, cores e/ou são muito grandes;## Tecnologias utilizadas:
* HTML;
* CSS;
* Bootstrap;
* JQuery (Para o funcionamento do Bootstrap);
* Popper (Para o funcionamento do Bootstrap);
* JavaScript;## Changelog:
** 0.0.1 **
* Initial release;
* Otimização do código;** 1.0.0 **
* Adicionado suporte para o modo escuro;
* Adicionado slide de carregamento de imagens;
* Adicionado um novo algoritmo de comparação de cores baseado na métrica DeltaE00 (Maior precisão = maior tempo de processamento);## Futuras implementações:
* Converter o cĂłdigo para TypeScript;
* Transformar o projeto em um PWA;
* Adicionar suporte para imagens com transparĂŞncia;
* Melhorar a performance do algoritmo de comparação de cores;
* Criar perfis predefinidos de configurações (ex: modo rápido, modo detalhado, etc);