[Android] 안드로이드 - natario1/CameraView 카메라 필터 라이브러리 분석

https://github.com/natario1/CameraView

natario1/CameraView

 

1. CameraView 라이브러리는 사진을 촬영하거나 동영상을 녹화하기 쉽도록 만들어진 라이브러리이다.

공식 웹사이트 주소 : https://natario1.github.io/CameraView/

CameraView

 

2. CameraView 라이브러리에서 집중적으로 보아야 할 부분은 Real-Time Filter 여부와, 필터를 커스텀 가능한지의 여부이다. 또한, 필터의 감도를 조절할 수 있는지도 살펴보아야 한다.

https://natario1.github.io/CameraView/docs/filters

위의 링크는 CameraView 공식 사이트의 Real-Time Filter 문서이다.

문서에 의하면, 리얼타임 필터는 카메라 미리보기뷰가 생성되는 시점에 적용된다고 한다.

카메라 필터는 XML attribute 에서 적용할 수 있고, 카메라 객체의 생명주기동안 cameraView.setFilter() 를 이용해 언제든지 적용할 수 있다.

cameraView.setFilter(Filters.BLACK_AND_WHITE.newInstance());
cameraView.setFilter(Filters.VIGNETTE.newInstance());
cameraView.setFilter(Filters.SEPIA.newInstance());

 

CameraView 에서 제공하는 필터는 다음과 같다

기본 필터를 NoFilter( Filters.NONE) 이라고하며 이전에 설정 한 다른 필터를 지우고 다시 정상으로 되돌릴 수 있다.

(필터 클래스), (필터 값), (XML 리소스 값) 순서이다

NoFilter	Filters.NONE	@string/cameraview_filter_none
AutoFixFilter	Filters.AUTO_FIX	@string/cameraview_filter_autofix
BlackAndWhiteFilter	Filters.BLACK_AND_WHITE	@string/cameraview_filter_black_and_white
BrightnessFilter	Filters.BRIGHTNESS	@string/cameraview_filter_brightness
ContrastFilter	Filters.CONTRAST	@string/cameraview_filter_contrast
CrossProcessFilter	Filters.CROSS_PROCESS	@string/cameraview_filter_cross_process
DocumentaryFilter	Filters.DOCUMENTARY	@string/cameraview_filter_documentary
DuotoneFilter	Filters.DUOTONE	@string/cameraview_filter_duotone
FillLightFilter	Filters.FILL_LIGHT	@string/cameraview_filter_fill_light
GammaFilter	Filters.GAMMA	@string/cameraview_filter_gamma
GrainFilter	Filters.GRAIN	@string/cameraview_filter_grain
GrayscaleFilter	Filters.GRAYSCALE	@string/cameraview_filter_grayscale
HueFilter	Filters.HUE	@string/cameraview_filter_hue
InvertColorsFilter	Filters.INVERT_COLORS	@string/cameraview_filter_invert_colors
LomoishFilter	Filters.LOMOISH	@string/cameraview_filter_lomoish
PosterizeFilter	Filters.POSTERIZE	@string/cameraview_filter_posterize
SaturationFilter	Filters.SATURATION	@string/cameraview_filter_saturation
SepiaFilter	Filters.SEPIA	@string/cameraview_filter_sepia
SharpnessFilter	Filters.SHARPNESS	@string/cameraview_filter_sharpness
TemperatureFilter	Filters.TEMPERATURE	@string/cameraview_filter_temperature
TintFilter	Filters.TINT	@string/cameraview_filter_tint
VignetteFilter	Filters.VIGNETTE	@string/cameraview_filter_vignette

 

필터 컨트롤

(1) camerView 라이브러리는 필터를 커스텀하여 추가할 수 있다.

Advanced users with OpenGL experience can create their own filters by implementing the Filter interface and passing in a fragment shader and a vertex shader that will be used for drawing.

OpenGL 경험이 있는 고급사용자는 filter 인터페이스를 구현하고, drawing 에 사용될 fragment shader 와  vertex shader 를 전달해서 자체 필터를 만들 수 있다

즉, 필터를 커스텀하기 위해서는 어느정도 OpenGL 에 대한 지식이 필요하다는 의미인것 같다.

 

Simple filters

static fragment shader 가 있는 단순한 필터의 경우에는 SimpleFilter 인스턴스를 생성하기만 하면 작업필터를 구현할 수 있다.

Filter filter = new SimpleFilter(myFragmentShader);

 

More complex filters

We recommend:

• Subclassing BaseFilter instead of implementing Filter, since that takes care of most of the work
• If accepting parameters, implementing OneParameterFilter or TwoParameterFilter as well

Most of all, the best way of learning is by looking at the current filters implementations in the com.otaliastudios.cameraview.filters package.

복잡한 필터 사용에 있어서는 Filter 를 구현하는 것보다는 BaseFilter 클래스를 상속해서 사용하기를 권장하고, com.otaliastudios.cameraview.filters package 를 공부하는 것을 추천하고 있다.

 

(2) gesture 를 지원한다

https://natario1.github.io/CameraView/docs/gestures

FilterControl 이라는 제스처 동작을 통해 실시간 필터의 매개변수를 제어할 수 있다.

FilterControl 은 FILTER_CONTROL_1 과 FILTER_CONTROL_2 두개가 있는데, 실시간 필터의 파라미터 두개를 제어할 수 있는 컨트롤이다.

FILTER_CONTROL_1	Controls the first parameter (if any) of a real-time filter.	PINCH SCROLL_HORIZONTAL SCROLL_VERTICAL
FILTER_CONTROL_2	Controls the second parameter (if any) of a real-time filter.	PINCH SCROLL_HORIZONTAL SCROLL_VERTICAL

이 외에도 화면을 확대하고, 길게 누르는 등의 제스처를 지원한다고 한다.

 

(3) camerView 라이브러리는 DuotoneFilter (이중 톤 효과) 를 적용할 수 있다.

필터 커스텀에 관련하여 필요할수도 있는 정보라는 생각이 들어 기술함.

duotoneFilter.setFirstColor(Color.RED);
duotoneFilter.setSecondColor(Color.GREEN);

듀오톤이란 대조되는 두 가지 색상으로 구성된 것을 말한다. 그래서 한국말로는 2색 그림이라고도 함.

사진으로 보면 이해가 빠르다. 아래는 Blue 와 Red 색상으로 이루어진 듀오톤 이미지이다.

그러나, 위의 예시는 디자이너가 자체적으로 만든 듀오톤 이미지이기 때문에, CameraView 의 듀오톤 필터는 어떤식으로 결과가 출력될지 확인해 보아야 한다. 아래처럼 색이 칙칙하게 나올 수도 있음.

 

(4) camerView 라이브러리는 Multi Filter 를 적용할 수 있다.

필터 커스텀에 관련하여 필요할수도 있는 정보라는 생각이 들어 기술함.

CameraView 는 서로 다른 필터 두개를 동시에 적용하는 기능을 제공한다.

camera.setFilter(new MultiFilter(firstFilter, secondFilter, thirdFilter));