Quando eu era criança, adorava procurar o Waldo na série de livros “Where’s Waldo?”. Hoje em dia, gosto muito das imagens “What’s the Big Frigin Difference” do TMZ, em que o TMZ altera ligeiramente uma imagem e o senhor precisa identificar as diferenças entre as duas. Isso me fez pensar: com que facilidade eu poderia automatizar a diferenciação de duas imagens? Isso StackOverflow foi de ouro.
Para criar uma comparação de duas imagens semelhantes, usaremos a função ImageMagick’s convert
do ImageMagick com um grande número de configurações:
convert '(' image1.png -flatten -grayscale Rec709Luminance ')' \ '(' image2.png -flatten -grayscale Rec709Luminance ')' \ '(' -clone 0-1 -compose darken -composite ')' \ -channel RGB -combine diff.png
Qual é a eficácia desse comando com seus argumentos de configuração? Vamos dar uma olhada:
Imagem original

Imagem Modificada

Imagem diferenciada

O resultado da imagem difundida é bastante informativo! O tamanho dos óculos de sol é claramente apresentado e, se o senhor olhar com atenção, verá que um crânio na parte superior direita da camiseta foi invertido.
Seja qual for o motivo pelo qual o senhor deseja identificar a diferença entre duas imagens, o ImageMagick’s convert
do ImageMagick é impressionante. O senhor pode fazer um milhão de coisas com o ImageMagick; dê uma olhada no meu Tutoriais de mídia para aprender mais maneiras incríveis de modificar imagens, vídeos e áudio!
Animações JS responsivas e infinitamente escalonáveis
No final de 2012, não era fácil encontrar projetos de código aberto usando
requestAnimationFrame()
– esse é o gancho que permite que o código Javascript seja sincronizado com o loop de pintura nativo de um navegador da Web. As animações que usam esse método podem ser executadas a 60 fps e proporcionar…
Uso do Dotter para envio de formulários
Um dos plug-ins de que mais me orgulho é o Dotter. O Dotter permite que o senhor crie o típico texto “Loading…” (Carregando…) sem usar imagens animadas. Muitas vezes me perguntam qual seria um exemplo de uso do Dotter; o envio de formulários cria a situação perfeita. O seguinte…