[💬] 오늘도 한 건 해결했어오

[익명(1.240)]

https://gall.dcinside.com/mgallery/board/view/?id=game_dev&no=216196

오늘도 한 건 해결햇어오

어제에 이어서 ㅎㅎ

텍스트 내용에 따라 너비가 가변적으로 바뀌는 툴팁에

구분선 맹키로 가로줄을 툴팁의 너비 만큼 쫙 그어주는 작업이었는데,

저는 이걸 최대한 간단하게,

별도의 추가 노드 없이 기존에 사용 중인 LichTextLabel 노드 하나로 끝내고 싶었던 것이에오

나름의 야매로운(?) 방법으로 ㅋㅋ 성공했었고

저는 원래부터 fnt 비트맵 폰트를 쓰고 있었으니까

구분선용 비트맵 폰트를 따로 만들어서,

구분선을 그래픽 패턴 느낌으로 구현하고자 했었어오

근데, 조금 더 생각해보니까,,

LichTextLable 노드의 BBcode는

텍스트 중간에 [img] 태그를 이용해서 아예 이미지를 그냥 넣을 수 있었다는 걸 떠올려서 ㅋㅋ

아 순간 바보 같았구나 ㅋㅋ 굳이 귀찮게 힘들게 비트맵 폰트로 만들 뻔 했다! 싶었어오 ㅋㅋ

그래서 작동 확인 차 대충 일단 에스닉한 느낌의 패턴으로 ㅋㅋ 구분선을 넣어봤는데,,

뭔가 문제가 생긴 것이에오 ㅠ

가변적인 툴팁의 너비가 늘어날 수 있는 최대치 보다 텍스트 내용이 길어져서,

자동 줄바꿈이 발생하는 툴팁의 경우,

게임 실행 후 최초로 툴팁을 띄울 때는 아무런 문제 없이 툴팁이 잘 만들어 지지만,

두번째 툴팁을 띄울 때부터는

왜 때문인지 툴팁 아래쪽에 마진이 크게 생겨버리는 것이에오

텍스트에 자동 줄바꿈이 없는 툴팁의 경우는

툴팁을 최초로 띄울 때부터 그냥 마진이 생겨버리는 것이에오

대체 왜 그런건지 감이 1도 안와서

ai 친구들과 심도 깊게 상담을 해보며

툴팁 사이즈가 변화할 때 마다 프린트를 찍어가며 사이즈 체크도 해보고

타이밍 문제 관련으로 여러가지 추가 처리를 해보고,

이것저것 시도를 해봤으나

역시 쉽게 답이 나오질 않았어오

결국은,,

그냥 좀 힘들어도 비트맵 폰트를 패턴 이미지로 만드는 방법으로 가야겠다,,

라고 생각한 찰나!!

갑자기 떠올라버린 것이에오 ㅋㅋ

툴팁에 들어간 LichTextLabel 노드에 폰트를 15px 사이즈로 쓰고 있엇는데,

구분선 패턴 이미지의 높이를 6px로 잡아뒀었어오

즉, 15px 텍스트들 사이에 6px 높이의 이미지가 들어가니까, 9px의 차이가 발생했던 것이었어오 ㅋㅋ

그것이 툴팁 아래쪽 마진의 정체였던 것!!!

구분선 패턴 이미지의 높이를 폰트와 똑같이 맞춰주니 문제가 해결된 것이에오

[Indie 1(221.158)]

님의 아트 감각 도대체 어디서 배운거임? 진짜 부럽다

[익명(1.240)]

제가 일단 디자인 전공이긴 한데,, 시스템? 구현하면서 일단 레이아웃 정도만 잡는 정도라 본문의 내용도 그렇구 현재까지는 딱히 아트 감각이 들어간 부분은 없지 말입니다 ㅋㅋ 근데 뭐 어쨌든,, 디자인 전공자로써 답변하자면 ㅋ 저 같은 경우는 좀 특이한데 ㅎㅎ 저는 되게 어릴 때부터 sm엔터테인먼트의 작업물들을 굉장히 좋아했었거든요 ㅋㅋ sm엔터테인먼트 특유의 아트 디렉팅 감각이 있다고 생각한는 편인데 ㅋㅋ 그런 것에 어릴 때부터 영향을 좀 많이 받았었어오ㅋ 그러다보니 자연스럽게, 많이 보게되고, 볼 때 그냥 보는 게 아니라, 근데 저건 어떻게 구현한걸까, 비슷하게라도 구현할 방법은 없나, 하면서 알고 있는 지식들을 기반으로 머릿속으로 시뮬레이션 같은 것도 돌려보고 하는, 그런 습관이 좀 있는 편이에요 ㅎㅎ

[익명(1.240)]

그리고 그런 습관이 뭔가 디자인 쪽에만 그런 게 아니고, 영화를 볼 때나, 게임을 할 때나, 꽤 광범위 하게 생각해보게 되서 ㅋㅋ 이번 게임 제작도 좀 그런거 같아오 ㅎㅎ 샤워 같은거 하면서 ㅋㅋ 뭘 더 구현할지, 어떻게 구현할지 그냥 습관적으로 생각하는 버릇이 있는거 같아오 ㅎ

[Indie 1(221.158)]

@ㅇㅇ(1.240) 님 아트감각 너무 맘에 듬 기대할게용

[익명(1.240)]

@Indie1(221.158) 앗 고마워오 ㅎㅎ 아직 시각적으로 뭔가 제대로 보여준 게 없어서 쪼금 얼떨떨하긴 한데 ㅋㅋ 어쨌든 열심히 해볼게오!! ㅎ

[익명(peanut6464)]

@ㅇㅇ(1.240) 약간 crt에서 보는 느낌이라 좋음

[익명(1.240)]

@ㅇㅇ 아 그거는 제가 좀 특이점이 있는데 ㅋㅋㅋ 저는 전반적인 비주얼의 방향이, 90년대 감성의 레트로무드 방향이에오. 근데 이 방향은 제가 아는 선에서는 대부분의 경우 90년대 감성을 현대적으로 재현한 뉴트로 혹은 네오레트로 같은 방향이더라구오. 그래서 보통 픽셀을 칼 같이 선명하게 보여주기 위해 니어리스트 필터링을 사용하고, 그 위에 CRT 쉐이더를 얹는 식으로 가는 것 같은데, 저의 방향은 그런 재해석이 아닌 90년대 가정용 게임기 느낌을 완전히 재현하는 쪽이어서 ㅋㅋ 일부러 픽셀을 뭉개기 위해 리니어 필터링을 사용하고, 그리고 CRT 같은 패널에 포커스를 두지 않고, 대신 아날로그 케이블 쪽에 포커스를 둔 쉐이더를 선택했어오 ㅎ HDMI 케이블이 아닌 RCA나 S-video 같은 느낌의 ㅋㅋ

[익명(attract2327)]

데뎃?! 장식이 보색조합이라니 건방진ww

[익명(1.240)]

나중에 툴팁 박스를, 뭔가 좀 오래된 양피지 느낌으로 디자인 할 까 생각 중인데, 구분선을 뭔가 좀 저런 에스닉한 느낌으로 ㅋㅋ 약간 몬스터헌터스러운 느낌 ㅋㅋ? 그런 느낌으로 하면 괜찮지 않을까 싶어서 대충 해봤어오 ㅋ 근데 실제로는 작업할 땐 아마 저거보다 채도를 확 낮춰야 할 것 같아오

[엔록(whale0407)]

[익명(1.240)]