Exercícios de Ruby #1 – Script para transformar imagens

Quer desenvolver sua lógica de Programação e aumentar suas skills? Faça esse exercício de Ruby seguindo as instruções a baixo e depois confira como eu resolvi ele passo a passo.

Se curtir o formato deixe um comentário e compartilhe com outros(as) programadores(as) para que eu traga mais exercícios resolvidos como este, bora codar 🙂

Objetivos

Criar um Script de linha de comando que:

1 – Transforme imagens em preto e branco e depois salve em outro arquivo.
Formato do comando: ruby img_trans.rb exp.jpg to_black_and_white

2 – Redimensione para 250×250 (ou qualquer outro tamanho) uma imagem e depois salve em outro arquivo.
Formato do comando: ruby img_trans.rb exp.jpg resize=250×250

3 – Coloque no canto direito em baixo o logo do OneBitCode sobre a imagem de exemplo:
Formato do comando: ruby img_trans.rb exp.jpg watermark=”logo.jpg”

Imagens para teste:

1 – Imagem principal: https://onebitcode.com/wp-content/uploads/2021/03/exp.jpg
2 – Logo: https://onebitcode.com/wp-content/uploads/2021/03/logo.png
3 – Logo Dark (Opcional): https://onebitcode.com/wp-content/uploads/2021/03/logodark.png

Agora que você já sabe o que fazer, tente fazer sozinho este exercício e depois compare a sua solução com a minha solução passo a passo a baixo:

Solução Oficial

Instalando as dependencias

1 – Rode no console:

Criando a estrutura

1 – Gere o arquivo do script de conversão rodando:

2 – Crie um Gemfile rodando:

3 – Coloque nele:

4 – Na pasta do seu projeto coloque uma imagem jpg de exemplo (nomeie ela de exp.jpg)

Incluindo o Mini Magick

1 – No Gemfile coloque:

2 – Instale rodando:

3 – No arquivo img_trans.rb coloque:

Transformando uma imagem em preto e branco

1 – Vamos começar executando o exemplo com parâmetros fixos, no arquivo img_trans.rb coloque:

2 – Rode o Script:

Implementando o filtro do parâmetros

1 – Vamos ver os parâmetros que estão vindo (exibindo eles no console), comente o código anterior e adicione:

2 – Chame no console:

3 – Você deve ter recebido:

4 – Vamos criar um Switch para adicionar cada um dos parâmetros válidos:

5 – Agora vamos deixar o exemplo da imagem em preto e branco completo:

Redimensionando a imagem

1 – Vamos atualizar o nosso Switch:

2 – Agora vamos incluir a função de flip:

3 – Teste rodando:

Colocando a marca d’gua do OneBitCode

1 – Vamos alterar nosso Switch:

2 – Agora inclua a opção de adicionar a marca d’gua:

3 – Teste rodando:

4 – Ou um exemplo completo:

Conclusão

Curtiu esse exercício com resolução? Deixe um comentário e compartilhe com outros(as) programadores(as) para sabermos que devemos trazer mais exercícios com resolução neste modelo para vocês.

Coloque o seu script no Gist e coloque o link nos comentários para podermos comparar várias soluções e ver o caminho mais eficiente para resolver este desafio.

Te vejo no próximo conteúdo (não se esqueça de se inscrever no nosso canal do Youtube e no nosso Instagram)

5 2 votes
Article Rating
março 8, 2021
Subscribe
Notify of
guest
2 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Cynthia
4 meses atrás

Por mais pessoas como você, dispostas a ajudar e mais vídeos como esse para a comunidade! Nota 1000! Valeu!!!

Fábio
1 mês atrás

Excelente exemplo de como manipular imagens acompanhada de uma ótima explicação.
Parabéns pelo conteúdo!
Estou estudando para fortalecer os conhecimentos e, quem sabe, entrar na próxima turma do bootcamp.

Feito com s2 por OneBitCode
2
0
Would love your thoughts, please comment.x
()
x
%d blogueiros gostam disto: