모래시계

개요

집에서 작은 모래시계를 사용하고 있는데 문득 앱으로 만들어 보면 어떨까하는 생각이 들어 앱을 제작하게 되었습니다.

기획

전체적인 모양은 모델링 후 유리 재질을 적용하는 방식으로 적용하면 큰 문제는 없을 것 같았습니다. 상단에 1, 3, 5분 버튼을 배치했습니다. 시간이 지나면 소리로 알려주는 기능을 추가했습니다. 이렇게 해서 간단하게 기획을 마무리 했습니다. 관건은 모래가 정해진 시간에 아래로 흘러내리는 효과를 구현하는 것 이었습니다.

완성된 모래시계 앱
완성된 모래시계 앱

모래가 흘러내리는 효과

처음에는 실제 모래시계와 같이 모래 한 알갱이를 많이 만들어서 만들려고 시도했습니다. 시간이 길면 모래 알갱이를 많이 만들면 될 것이라고 간단하게 생각했습니다. 그런데 여기에 큰 문제가 있었습니다.

모래 알갱이를 작게 만들어서 테스트 해 보니 흘러내리는 효과는 잘 구현이 되었습니다. 그러나 속도가 매우 느렸습니다. 모래 알갱이의 메시를 단순화 해서 테스트 해 보아도 너무 느렸습니다. 에디터에서도 느렸고 빌드해서 테스트 기기에서 수행해 보았더니 도저히 사용할 수 없는 수준이었습니다.

Niagara 시스템 사용

가장 좋은 것은 실제 모래 알갱이가 떨어지면서 시간이 흐르는 것 이었습니다. 그러나 현실적으로 그것은 불가능하다고 판단했습니다. 무슨 방법이 있을까 고민하다가 Unreal Engine 의 Niagara 시스템을 사용해서 모래 알갱이가 떨어지는 효과를 구현해 보기로 했습니다.

Niagara 시스템을 처음 사용해 보아서 좀 생소했습니다. 이것저것 수정을 하면서 조금은 익숙해졌습니다. 최대한 모래가 흘러내리는 효과와 비슷하도록 조정했습니다.

모래시계 위쪽과 아래쪽에 통으로 된 메시를 배치했습니다. 위쪽의 메시는 시간이 흐르면서 작아지고 아래의 메시는 커지는 형태로 작업했습니다. 그리고 모래시계 가운데 부분에 파티클이 아래쪽으로 생성되는 효과를 배치했습니다.

위 아래 메시의 크기 변화와 가운데 모래가 흘러내리는 효과 적용
위 아래 메시의 크기 변화와 가운데 모래가 흘러내리는 효과 적용

그 결과 그럴듯한 모래시계 앱이 완성되었습니다. 이곳에서 받으실 수 있고 하단에 배너광고가 포함되어 있습니다.

Face Blur

개요

얼굴이 포함되어 있는 이미지를 공개된 곳에 올려야 할 일이 있었는데 그대로 올리기가 부담스러웠습니다. 얼굴 부분을 가리거나 흐리게 하고 싶었는데 적절한 앱이 설치되어 있지 않아 이미지 편집 도구로 수정했습니다. 해당 기능을 하는 앱이 있을 것 같았지만 직접 제작해 보기로 했습니다.

구상

먼저 얼굴을 인식하는 부분을 작업했습니다. 여러 가지 사진으로 테스트 해 보니 너무 작거나 한 경우가 아니면 전반적으로 잘 인식되었습니다. 앱 사용자가 인식된 얼굴 모두를 가리지 않을 수도 있어서 선택하도록 작업 했습니다.

얼굴 인식 및 선택 기능
얼굴 인식 및 선택 기능

이미지를 갤러리에서 선택하거나 카메라로 촬영해서 바로 사용할 수 있도록 했습니다.

얼굴 가리기 처리

선택된 얼굴을 흐리게 하거나 작은 이미지로 덮을 수 있도록 두 가지 옵션을 제공 했습니다.

얼굴을 흐리게 혹은 이미지로 대치
얼굴을 흐리게 혹은 이미지로 대치

선택된 얼굴을 흐리게 처리해 보았는데 수치에 따라서 달라지는 것을 확인 했습니다. 사용자에 따라 흐리게 처리하는 정도가 다를 것 같아 조정할 수 있게 했습니다. 적절하다고 생각되는 수치를 계속 이용할 것으로 생각되었습니다. 그래서 기본적으로 마지막으로 적용된 값을 사용하도록 했습니다.

흐리게 처리하는 강도 입력
흐리게 처리하는 강도 입력
선택된 얼굴이 흐리게 처리된 모습
선택된 얼굴이 흐리게 처리된 모습

선택된 얼굴이 흐리게 처리된 결과를 이미지로 다시 저장할 수 있도록 했습니다.

이곳에서 앱 정보를 확인하실 수 있습니다. 무료 앱이며 광고를 포함하고 있습니다. 구독제를 통해 제한없이 사용할 수 있습니다.