Repolode
mob-sakai

mob-sakai/UIEffect

Pacote para Unity que aplica filtros como escala de cinza, desfoque, dissolução e brilho a elementos de UI pelo Inspector ou por código.

Estrelas
7,718
Forks
956
Issues abertas
11
Último commit
há 24 horas

O que é?

UIEffect é um pacote de código aberto para Unity que aplica efeitos visuais baseados em shaders a elementos uGUI. Cada efeito é configurado em um componente UIEffect pelo Inspector, sem precisar escrever código de shader. Os desenvolvedores combinam filtros de tom, cor, amostragem, transição, gradiente, borda e sombra para criar visuais personalizados, como escala de cinza, sépia, desfoque, pixelização, dissolução, derretimento e queima.

O pacote oferece suporte aos componentes padrão Image, RawImage e Text, além de TextMeshProUGUI, incluindo tags de fonte e sprite. O componente UIEffectTweener anima os parâmetros dos efeitos sem AnimationClips, e UIEffectReplica aplica as configurações de um efeito a vários elementos de uma só vez. É possível salvar presets no editor e carregá-los em runtime com LoadPreset. Trilhas do Timeline e integração com ShaderGraph estão disponíveis como importações opcionais.

O pacote requer Unity 2020.3 ou posterior e funciona com URP, HDRP e configurações de VR. Uma demo WebGL está hospedada no site de documentação do projeto.

Recursos principais

  • 01É possível combinar filtros de tom, cor, amostragem e transição em qualquer elemento de UI.
  • 02Os efeitos são ajustados diretamente pelo Inspector, sem escrever código de shader.
  • 03UIEffectTweener anima os parâmetros dos efeitos sem AnimationClips.
  • 04UIEffectReplica aplica as mesmas configurações de efeito a vários elementos.
  • 05É possível salvar e carregar presets no editor e em runtime.
  • 06Oferece suporte a TextMeshPro, Timeline, ShaderGraph e SoftMaskForUGUI como integrações opcionais.

Casos de uso

  • Indicar botões de UI desativados ou bloqueados aplicando escala de cinza.
  • Adicionar transições de dissolução ou queima a painéis e ícones em um jogo Unity.
  • Criar visuais retrô ou pixelados para menus e elementos de HUD.
  • Animar efeitos de UI em sincronia com cenas de corte do Timeline.

Início rápido

  1. 1

    Instale o pacote pelo OpenUPM (requer openupm-cli).

    openupm add com.coffee.ui-effect
  2. 2

    Adicione um componente UIEffect a um elemento de UI pelo Inspector (Add Component ou Component > UI > UIEffect).

  3. 3

    Defina Tone Filter como Grayscale e Tone Intensity como 1.0 para ver o efeito.

Antes de usar

  • Requer Unity 2020.3 ou posterior.
  • A atualização da v4 envolve alterações incompatíveis; UIShadow e UIGradient não são compatíveis com a v5.

Em coleções

Tópicos

#unity#ugui#shader#ui-effects#game-development#textmeshpro#blur#burn#component#contrast

Perguntas frequentes

O que é UIEffect?
Pacote para Unity que aplica filtros como escala de cinza, desfoque, dissolução e brilho a elementos de UI pelo Inspector ou por código. UIEffect é um pacote de código aberto para Unity que aplica efeitos visuais baseados em shaders a elementos uGUI. Cada efeito é configurado em um componente UIEffect pelo Inspector, sem precisar escrever código de shader. Os desenvolvedores combinam filtros de tom, cor, amostragem, transição, gradiente, borda e sombra para criar visuais personalizados, como escala de cinza, sépia, desfoque, pixelização, dissolução, derretimento e queima.
UIEffect é gratuito? Qual é a licença?
UIEffect é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
UIEffect ainda é mantido?
Manutenção ativa. O último commit de UIEffect foi em 6 de nov. de 2026.
Para que posso usar UIEffect?
Indicar botões de UI desativados ou bloqueados aplicando escala de cinza. Adicionar transições de dissolução ou queima a painéis e ícones em um jogo Unity. Criar visuais retrô ou pixelados para menus e elementos de HUD. Animar efeitos de UI em sincronia com cenas de corte do Timeline.
Como instalar UIEffect?
Instale o pacote pelo OpenUPM (requer openupm-cli).: openupm add com.coffee.ui-effect Adicione um componente UIEffect a um elemento de UI pelo Inspector (Add Component ou Component > UI > UIEffect). Defina Tone Filter como Grayscale e Tone Intensity como 1.0 para ver o efeito.
Onde consigo UIEffect?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/mob-sakai/UIEffect

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados