진짜 WebGL, 진짜 3D LUT
LUT 실시간 미리보기
실제 3D .cube LUT 파일을 불러와, 대체용 캔버스 필터 근사치가 아닌 진짜 삼중선형 보간을 갖춘 정통 WebGL 프래그먼트 셰이더를 통해 라이브 피드에 적용된 모습을 미리보기합니다. 파일은 절대 기기 밖으로 나가지 않습니다.
LUT 불러오기
불러온 LUT 없음 — 원본 피드를 표시 중입니다.
참고 사항
작동 방식
LUT는 블루 채널 슬라이스마다 하나의 타일로 단일 2D 텍스처에 패킹됩니다. 이는 WebGL2 전용 3D 텍스처 지원 없이 3D LUT를 처리하는 표준 기법입니다. 하드웨어 이중선형 필터링이 빨강과 초록 축을 처리하고, 셰이더가 세 번째 축을 위해 가장 가까운 두 블루 슬라이스 타일 사이를 수동으로 보간합니다 — 매 프레임 실시간으로 계산되는 진짜 삼중선형 보간입니다.
참조
이 도구가 읽고 검증하는 항목
| 확인 항목 | 결과 |
|---|---|
| 3D .cube (LUT_3D_SIZE) | 지원됨 |
| 1D .cube (LUT_1D_SIZE) | 지원되지 않음 — 표시되며, 조용히 잘못 처리되지 않습니다 |
| 기본값이 아닌 DOMAIN_MIN/MAX | 감지되어 표시됨 |
| 데이터 행 수 불일치 | 구체적인 오류와 함께 거부됨 |
이는 이 도구 자체의 실제 파싱 검사입니다 — 형식이 잘못된 파일은 조용히 잘못된 결과를 내는 대신 구체적인 오류를 반환합니다.
단계별 안내
LUT 미리보기 방법
- "카메라 시작"을 클릭하고 요청 시 접근을 허용합니다.
- 파일 선택기를 사용해 3D .cube 파일을 업로드합니다.
- WebGL 셰이더를 통해 LUT가 실시간으로 적용되는 모습을 확인합니다.
- LUT를 켜고 끄기하여 처리되지 않은 피드와 직접 비교합니다.
자주 묻는 질문
자주 묻는 질문
제 LUT 파일이 어딘가에 업로드되나요?
아니요. 파일은 전적으로 브라우저 내에서 WebGL을 통해 읽고 적용됩니다 — 기기 밖으로 나가는 일이 없습니다. LUT는 개인적이거나 유료로 구매한 크리에이티브 자산인 경우가 많기 때문에 이는 중요한 점입니다.
이것은 진짜 3D LUT인가요, 아니면 근사치인가요?
WebGL 프래그먼트 셰이더에서 진짜 삼중선형 보간으로 적용되는 진짜 3D LUT입니다 — 대체용으로 단순화된 컬러 매트릭스 필터가 아닙니다.
어떤 LUT 형식이 지원되나요?
표준 3D .cube 파일(LUT_3D_SIZE)입니다. 1D .cube LUT는 지원되지 않습니다. 기본값이 아닌 DOMAIN_MIN/DOMAIN_MAX 값은 조용히 잘못 처리되는 대신 감지되어 표시됩니다.
왜 제 LUT 파일이 거부되었나요?
가장 흔한 원인은 선언된 LUT_3D_SIZE와 일치하지 않는 데이터 행 수, LUT_3D_SIZE 행이 완전히 누락된 경우, 또는 이 도구가 지원하지 않는 1D LUT 파일입니다. 각 경우마다 조용히 실패하는 대신 구체적인 원인을 보고합니다.
편집 소프트웨어에 적용하기 전에 이 도구로 LUT를 미리볼 수 있나요?
네 — 바로 그것이 의도된 사용법입니다. 실제 편집 또는 스트리밍 소프트웨어에 적용하기 전에 진짜 3D LUT가 라이브 영상에서 어떻게 보이는지 미리 확인할 수 있습니다.
왜 특별히 WebGL이 필요한가요?
3D 컬러 룩업 테이블 전체에 걸친 삼중선형 보간은 픽셀당, 프레임당 연산량이 많은 작업입니다 — WebGL의 GPU 가속 프래그먼트 셰이더는 이를 실시간으로 처리하며, 일반 JavaScript 캔버스 연산으로는 라이브 영상의 프레임 속도를 따라갈 수 없는 방식입니다.