# Lambe-lambe A foto vira pontinhos de impressão, como jornal ou gibi, e uma lupa mostra a imagem original. > Lambe-lambe é um componente exclusivo do THM Componentes que desenha uma fotografia como impressão, ao vivo: retícula de pontos CMYK nos ângulos clássicos, pontilhado Bayer ou linhas. Uma lupa circular segue o cursor e revela a foto original por baixo da trama. Roda em WebGL e combina com editoriais, portfólios de fotografia e marcas com estética gráfica. - Categoria: Imagem e mídia - Origem: Exclusivo THM, criado pela THM Tecnologia Inteligente; o prompt traz o código-fonte completo - Peso no carregamento: Médio: canvas ou animação contínua; bom para uma seção - Tecnologia: Vue 3, TypeScript, WebGL - Interação: Mouse - URL: https://vibecode.thmtecnologia.com/componentes/lambe-lambe/ ## Como ele é Lembra a foto de um jornal antigo ou de um gibi vista de perto: a imagem é formada por pontos ciano, magenta, amarelo e azul-marinho sobre um papel quase branco, cada ponto maior onde a tinta é mais forte. No modo Bayer, vira um pontilhado de duas cores, com cara de computador antigo; no modo linhas, uma trama de traços inclinados. Uma lupa redonda, com borda branca e sombra suave, mostra a foto original levemente ampliada onde o cursor está. Sem cursor, a lupa passeia devagar sozinha pela imagem. ## Você pode estar procurando isto se pediu algo assim - “foto com efeito de pontinhos de jornal antigo” - “imagem com cara de impressão de gráfica, tipo retícula” - “efeito de revista em quadrinhos na foto do site” - “lupa que mostra a foto original quando passo o mouse” - “deixar o portfólio de fotografia com estética de impressão” - “foto pontilhada estilo pop art para a página da marca” ## Também chamado de efeito halftone, retícula, efeito retícula, CMYK halftone, dithering, Bayer dither, pontilhado, efeito jornal ## Quando usar - Editoriais, revistas digitais e páginas de reportagem - Portfólio de fotógrafo, gráfica ou estúdio de design - Página de marca com identidade que remete à impressão - Cases de design gráfico que mostram a foto por baixo da trama ## Quando evitar - Fotos de produto em que a pessoa precisa ver cor e detalhe com fidelidade - Imagens de outro domínio sem CORS liberado, que não carregam como textura ## Como pedir para a sua IA ```text Crie um efeito halftone em WebGL na foto principal do editorial: retícula de pontos CMYK com a tinta e o papel nas cores da marca e uma lupa que revela a foto original sob o cursor. Quero a lupa parada para quem prefere menos movimento, texto alternativo e pausa fora da tela. ``` Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar. ## Perguntas sobre Lambe-lambe ### Quais estilos de retícula Lambe-lambe oferece? Lambe-lambe tem três modos: pontos CMYK em quatro ângulos, como numa impressão colorida; pontilhado Bayer de duas cores, com aparência de computador antigo; e linhas inclinadas. O tamanho da célula, a cor da tinta e a cor do papel são props, e a lupa pode ser desligada para mostrar só a trama. ### Lambe-lambe funciona no celular? Funciona em navegadores com WebGL. Como o celular não tem cursor, a lupa de Lambe-lambe passeia sozinha pela foto, o que mantém o efeito vivo sem nenhum gesto. Por ser um componente Médio no THM Componentes, vale seguir o prompt: carregar sob demanda, prever um fallback estático no Nuxt e comparar LCP e INP. ### Lambe-lambe respeita quem prefere menos movimento? Sim. Com a redução de movimento ativada no sistema, a lupa de Lambe-lambe para de passear sozinha e fica num ponto fixo, acompanhando o cursor sem suavização. A trama em si é estática, então a foto continua legível. O componente também deixa de desenhar quando sai da tela. ## Componentes relacionados - [Fliperama](https://vibecode.thmtecnologia.com/componentes/fliperama/): Transforma uma foto em padrão de pontinhos de poucas cores, com cara de jogo antigo ou de impressão retrô. - [Chuvisco](https://vibecode.thmtecnologia.com/componentes/chuvisco/): A imagem treme, se parte em faixas e separa as cores como um sinal de TV com defeito. - [Monóculo](https://vibecode.thmtecnologia.com/componentes/monoculo/): Um círculo de aumento segue o mouse sobre a foto e mostra os detalhes ampliados, sem sair do lugar. - [Penumbra](https://vibecode.thmtecnologia.com/componentes/penumbra/): Uma luz quente acompanha o mouse sobre a foto e revela relevo, brilho e sombras, como uma lanterna. - [Sonda](https://vibecode.thmtecnologia.com/componentes/sonda/): A foto começa como uma grade de pontos e uma onda de luz ciano passa por ela, revelando a imagem. --- THM Componentes: O THM Componentes é um catálogo de 268 componentes de interface para Vue 3 e Nuxt, 115 deles exclusivos, com demonstração ao vivo e um prompt pronto para Claude Code, Cursor e outros assistentes. Você escolhe o efeito, copia o prompt e a sua IA aplica no projeto. Acesso vitalício por R$ 497.