mob-sakai/UIEffect

Unity UI에 그레이스케일, 블러, 디졸브 등 다양한 시각 효과를 간단히 적용할 수 있는 강력한 컴포넌트

개발 재료맘대로 써도 됨 · MIT디자인·UI 컴포넌트C#난이도
7,422+33이번 주0 찜
933포크8이슈
데모·홈페이지 열기mob-sakai.github.io

중간맛 분석

C# 기반 Unity 패키지로, uGUI와 TextMeshPro를 모두 지원합니다. 톤 필터(그레이스케일, 세피아, 포스터라이즈), 컬러 필터(HSV 수정, 명도 대조), 샘플링 필터(블러, 픽셀화, RGB 시프트), 트랜지션 필터(디졸브, 번, 블레이즈, 멜트 등) 등을 조합하여 사용 가능합니다. 인스펙터 UI로 즉시 미리보기할 수 있고, 프리셋을 저장/로드하거나 타임라인으로 애니메이션까지 제어할 수 있습니다. URP/HDRP, VR 환경도 지원하며 현재 v5 버전입니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • UI 페이드/하이라이트 효과가 필요한 인벤토리나 메뉴 화면 제작
  • 전환 애니메이션(번 효과, 디졸브)으로 장면 전환이나 카드 공개 연출
  • 비활성화 상태 UI를 그레이스케일로 표현하여 사용자 경험 향상

핵심 기능

인스펙터에서 즉시 효과 미리보기 및 조합 가능다양한 필터(톤, 컬러, 샘플링, 트랜지션) 및 프리셋 지원UIEffectTweener와 Timeline 통합으로 애니메이션 제어

대안 대비 차별점

빌드 시 실제 사용 쉐이더만 포함되는 최적화 구조와 TextMeshPro, ShaderGraph, Timeline, SoftMaskForUGUI 등 주요 Unity 도구와의 네이티브 통합을 통해 유사 UI 이펙트 도구 대비 성능과 워크플로우 효율성이 우수합니다.

준비물

  • Unity 2020.3 이상
  • TextMeshPro 사용 시 TMP Essential Resources 임포트 필요

바로 시작하기

  1. OpenUPM CLI를 이용해 패키지 설치
openupm add com.coffee.ui-effect

또는 수동으로 Package Manager UI에서 Git URL 추가

https://github.com/mob-sakai/UIEffect.git?path=Packages/src

  1. Unity 인스펙터에서 UI 요소(Image, Text, TextMeshProUGUI 등)에 UIEffect 컴포넌트 추가

  2. 인스펙터에서 Tone Filter를 Grayscale로 설정, Tone Intensity를 1.0으로 조정

  3. 원하는 다른 필터들(Color Filter, Sampling Filter, Transition Filter)을 시도하며 효과 확인

  4. 상단 메뉴에서 프리셋을 로드/저장하여 효과 조합 구성

  5. 사용 예시: TextMeshPro 지원을 위해 먼저 TMP Essential Resources를 임포트한 후, Package Manager에서 UI Effect를 선택하고 TextMeshPro Support > Import 버튼 클릭 (Unity 2023.2 이상이면 TextMeshPro Support (Unity 6) > Import 클릭)

별 추이 · 7일

7,422+33 / 7일

활용성 · 따라 만들기 좋은가

샘플 점수 34/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2017년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/mob-sakai/UIEffect.svg)](https://www.gitbap.com/r/mob-sakai/UIEffect)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기