Repolode
mob-sakai

mob-sakai/UIEffect

Paquete de Unity para aplicar filtros como escala de grises, desenfoque, disolución y brillo a elementos de UI desde el Inspector o mediante código.

Estrellas
7,718
Forks
956
Issues abiertos
11
Último commit
hace 16 horas

¿Qué es?

UIEffect es un paquete de Unity de código abierto para decorar elementos de uGUI con efectos visuales basados en shaders. Cada efecto se configura en un componente UIEffect desde el Inspector, sin necesidad de escribir código de shaders. Los desarrolladores combinan filtros de tono, color, muestreo, transición, gradación, bordes y sombras para crear estilos personalizados, como escala de grises, sepia, desenfoque, pixelado, disolución, efecto de derretimiento y quemado.

El paquete es compatible con los componentes Image, RawImage y Text predeterminados, además de TextMeshProUGUI, incluidas las etiquetas de fuentes y sprites. El componente UIEffectTweener anima los parámetros de los efectos sin AnimationClips, y UIEffectReplica aplica la configuración de un efecto a varios elementos a la vez. Los ajustes preestablecidos se pueden guardar en el editor y cargar durante la ejecución con LoadPreset. Las pistas de Timeline y la integración con ShaderGraph están disponibles como importaciones opcionales.

El paquete requiere Unity 2020.3 o posterior y funciona con URP, HDRP y configuraciones de VR. Hay una demo de WebGL alojada en el sitio de documentación del proyecto.

Funciones clave

  • 01Los filtros de tono, color, muestreo y transición se pueden combinar en cualquier elemento de UI.
  • 02Los efectos se ajustan directamente desde el Inspector, sin escribir código de shaders.
  • 03UIEffectTweener anima los parámetros de los efectos sin AnimationClips.
  • 04UIEffectReplica aplica la misma configuración de efectos a varios elementos.
  • 05Los ajustes preestablecidos se pueden guardar y cargar en el editor y durante la ejecución.
  • 06Es compatible con TextMeshPro, Timeline, ShaderGraph y SoftMaskForUGUI como integraciones opcionales.

Casos de uso

  • Mostrar botones de UI deshabilitados o bloqueados aplicándoles escala de grises.
  • Añadir transiciones de disolución o quemado a paneles e iconos de un juego de Unity.
  • Crear estilos retro o pixelados para menús y elementos del HUD.
  • Animar efectos de UI en sincronía con las escenas de corte de Timeline.

Inicio rápido

  1. 1

    Instala el paquete mediante OpenUPM (requiere openupm-cli).

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

    Añade un componente UIEffect a un elemento de UI desde el Inspector (Add Component o Component > UI > UIEffect).

  3. 3

    Configura Tone Filter como Grayscale y Tone Intensity en 1.0 para ver el efecto.

Antes de usarlo

  • Requiere Unity 2020.3 o posterior.
  • La actualización desde v4 incluye cambios incompatibles; UIShadow y UIGradient no son compatibles con v5.

En colecciones

Temas

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

Preguntas frecuentes

¿Qué es UIEffect?
Paquete de Unity para aplicar filtros como escala de grises, desenfoque, disolución y brillo a elementos de UI desde el Inspector o mediante código. UIEffect es un paquete de Unity de código abierto para decorar elementos de uGUI con efectos visuales basados en shaders. Cada efecto se configura en un componente UIEffect desde el Inspector, sin necesidad de escribir código de shaders. Los desarrolladores combinan filtros de tono, color, muestreo, transición, gradación, bordes y sombras para crear estilos personalizados, como escala de grises, sepia, desenfoque, pixelado, disolución, efecto de derretimiento y quemado.
¿UIEffect es gratuito? ¿Qué licencia tiene?
UIEffect es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿UIEffect sigue mantenido?
Mantenimiento activo. El último commit de UIEffect fue el 6 nov 2026.
¿Para qué puedo usar UIEffect?
Mostrar botones de UI deshabilitados o bloqueados aplicándoles escala de grises. Añadir transiciones de disolución o quemado a paneles e iconos de un juego de Unity. Crear estilos retro o pixelados para menús y elementos del HUD. Animar efectos de UI en sincronía con las escenas de corte de Timeline.
¿Cómo se instala UIEffect?
Instala el paquete mediante OpenUPM (requiere openupm-cli).: openupm add com.coffee.ui-effect Añade un componente UIEffect a un elemento de UI desde el Inspector (Add Component o Component > UI > UIEffect). Configura Tone Filter como Grayscale y Tone Intensity en 1.0 para ver el efecto.
¿Dónde consigo UIEffect?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/mob-sakai/UIEffect

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

Extensión de Unity que añade generación de mallas de navegación 2D y búsqueda de rutas para juegos cenitales con tilemaps, sprites y Collider2D.

Frontend y UI#unity#2d-pathfinding#navmesh
2,4 mil270C#MITActualizado hace 5 días