픽셀 유동화, 피부 보정 필터

프로젝트 개요

모바일 카메라 앱에서 익숙한 얼굴 보정 필터(턱선 깎기·피부 톤 보정)를, 네이티브가 아닌 웹 브라우저 위에서 실시간으로 구현한 기술 프로젝트입니다. WebGL 셰이더를 직접 작성해 네이티브급 처리 속도를 달성했으며, 이 기술은 키위스냅(KiwiSnap) 서비스에 실제 적용되었습니다.

핵심 기술 과제

• 얼굴 이미지의 특정 영역(턱·볼·이마)을 픽셀 유동화 로 리메이핑
• 모바일 브라우저에서 30fps 이상 실시간 처리
• 원본 이미지를 해치지 않는 비파괴 편집 파이프라인

솔루션

• WebGL 프래그먼트 셰이더(GLSL) 로 픽셀 유동화 알고리즘 구현
• 피부 톤 보정 필터: 색상 블러 + 디테일 보존 처리
• 입력 터치 좌표 기반 실시간 변형 미리보기

결과

• 네이티브 카메라 앱 수준의 실시간 얼굴 보정 필터를 웹 브라우저에서 구현.
• 키위스냅(KiwiSnap) 서비스에 해당 필터 기술을 적용해 실제 사용자에게 제공.
• 앱 설치 없이 공유·실행되는 웹 기반 얼굴 보정 경험을 완성.

기술 스택

WebGL · GLSL Shader · Canvas 2D · React