플러스프로젝트 배경
1) 문제점 - 카메라 필터 앱의 핵심은 화질 저하 없는 빠른 이미지 보정 엔진인데, 이 역량은 글이나 정적 이미지로는 증명하기 어려움 - 색보정·셰이더 효과는 실제로 움직여 봐야 품질과 속도를 확인할 수 있음 2) 프로젝트 목표 - 카메라 필터 앱의 보정 엔진을 웹에서 그대로 만지며 확인할 수 있는 시연 도구 구현 - 진짜 3D LUT 색보정과 GPU 셰이더 효과를 실시간으로 동작시켜 엔진 역량을
프로젝트 성과
리얼 3D LUT 색보정 엔진 구현
색을 좌표로 매핑하는 3D LUT 텍스처를 GPU에서 직접 샘플링해, 단순 필터가 아니라 영상 색보정 방식의 정확한 색 변환을 실시간으로 적용
GPU 멀티패스 셰이더 효과
색보정·밝은영역 추출·블러·합성의 멀티패스 파이프라인으로 색수차·빛번짐·그레인을 동시에 처리
외부 그래픽 라이브러리 0 (raw WebGL2)
three.js 등 외부 엔진 없이 WebGL2와 GLSL만으로 직접 구현해, 엔진 내부 동작을 완전히 제어
고해상도 실시간 미리보기
4K급 이미지도 슬라이더 조작에 끊김 없이 반응하도록 프레임 단위 렌더링과 GPU 자원 관리를 적용
다크 에디터 UI · 반응형
필름 카메라 감성의 다크 톤 에디터를 디자인 시스템으로 구성하고 노트북·태블릿·모바일에서 동일하게 동작
핵심 기능
3D LUT 색보정 + 프리셋
골든아워·블루아워·필름·비비드 등 프리셋을 3D LUT로 적용하고 색온도·노출·대비·채도를 실시간 조정
진행 단계
설계
2026.06.
렌더 파이프라인(색보정→밝은영역→블러→합성) 구조와 데이터·UI 설계
프로젝트 상세
1) 포트폴리오 소개 인플루언서·크리에이터용 카메라 필터 앱의 핵심인 이미지 보정 엔진을 웹에서 그대로 시연하는 도구입니다. 사진을 올리면 GPU에서 색감을 보정하고 색수차·빛번짐·그레인 같은 효과를 실시간으로 입혀, 결과를 원본 화질 그대로 저장합니다. 외부 그래픽 라이브러리 없이 브라우저 WebGL2로 직접 구현했습니다. 2) 작업 범위 - WebGL2 렌더 엔진 설계와 구현(GLSL 셰이더 멀티패스
