'Glow'에 해당되는 글 2건

  1. 2009/04/29 외곽선 구현 (2)
  2. 2009/04/28 Glow 효과 구현 (3)
외곽선을 어떻게 하면 예쁘게 그릴까 하며 여러가지를 찾아봤지만..
그리고 freetype에서 제공하는 FT_Stroke류의 함수를 사용해서 렌더링해도 그닥 만족할 만한 품질이 안나왔다.
FT_Stroke류의 함수를 사용해서 렌더링을 해도 어느정도 작은 글자에서는 외곽선을 뿌리나.. 안뿌리나.. 똑같이 나오는 괴현상이 ㄱ-

그래서 과감히 버리고 직접 그리는 방식으로 전환을 했다.
처음에는 적당히 좌우상하로 흔들어서 뿌려줄 생각도 했지만 글자가 커짐에 따라서 가장자리가 너무 딱딱해지는 단점이 생겼다.

제한된 작은 크기의 글자를 뿌린다면 딱딱해도 그럭저럭 봐줄만 하겠지만 지금 만들고 있는건 그런게 아니니... 과감히 버리고..

블러를 먹여볼까도 생각했지만 블러는 가장자리가 너무 희미해지는 단점이 있다.

그래서... 저번에 만든 Glow를 배껴응용해서 가장자리에서는 가중치가 확 떨어지고 가운데에서 어느정도 퍼지는 곳까지는 가중치가 적당히 상향을 유지하는 값으로 Glow를 렌더링하여 외곽선을 구현했다.

대략 아래와 같은 정도의 파라메터를 주었다.

params.nGlowDepth = nDepth;
params.fGlowBrightness = 1.0f;
params.fGlowFactor = 1.398f + 0.1f * nDepth;

그랬더니 아래와 같은 적절한 품질이 나왔다.

사용자 삽입 이미지

외곽선

사용자 삽입 이미지

원본+외곽선



아래는 확대해본 이미지이다.
사용자 삽입 이미지
















나름 그럭저럭 괜찮은듯?
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)
2009/04/29 11:55 2009/04/29 11:55
나름 삽질을 통하여 Glow 효과를 구현 했다.
Glow를 출력 할 때 몇가지 파라메터가 있는데 다음과 같다.

GlowDepth : 최대로 Glow가 퍼질 거리
GlowFactor : 브러시 밀도 Factor
GlowBrightness : 최대 밝기
일단 저렇게 파라메터를 주게 해놨는데 정작 가장 예쁘게 나올수 있는 값들은 잘 모르겠다는거..

적당히 아래와 같이 주니 그 아래와 같은 그림이 나온다..

GlowDepth = 2
GlowFactor = 1.398
GlowBrightness = 1.3

사용자 삽입 이미지

클릭하세요
























얼마나 적절하고 예쁘게 나올지는 디자이너의 영역이니 패스~

이제 남은건 그림자와 외곽선.. 외곽선이 좀 문젠데...
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)
2009/04/28 17:56 2009/04/28 17:56