'외곽선'에 해당되는 글 1건

  1. 2009/04/29 외곽선 구현 (2)

외곽선 구현

DCGUI 라이브러리 : 2009/04/29 11:55
Tag , , , ,
외곽선을 어떻게 하면 예쁘게 그릴까 하며 여러가지를 찾아봤지만..
그리고 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
Trackback(0) : Comment (2)