래더가 막바지인 시점에 제가 세팅해서 쓰던 것들을
(공개해도 될 것 같은 것들만) 하나씩 올리고 있습니다만..

이번에 올려드리는 건 모드는 아니고, 제가 쓰는 인게임 툴팁 구현도구입니다.
아마 모더분들이나 저 같은 기존 모드를 헤비 커스텀 해서 쓰는 유저들에게 도움이 되겠죠.

챗지피티로 요래조래 만든거라, 코딩잘알이신 분들이 보시면 읭?스런 이상한 코드가 많을 수 있고
버그도 있을 수 있는데, 나름 저는 적응 잘해서 임시로나마 잘 쓰고 있던 것을,
또 배포한다고 생각하니 한번 더 보수적으로 접근해서 고친 버전입니다.

코딩이 쓰레기일지라도 어찌저찌 작동을 한다면 그대로 두는 것이 철칙이란 얘길 듣긴 했습니다


사실은 설류혼님 예전 게시글 (링크) 을 보고 "아 툴팁도 왼쪽 정렬을 구현할 수 있구나!" 라는 사실을 깨닫고는
기존에 제가 쓰던 편집기에서 가독성을 살릴 수 있도록 탭 구현기능을 추가해보고 싶어서 만들어쓰다가
꽤 유용한 것 같아서 공유를 해보려고 합니다.

(근데 다들 툴팁 만드시는 거 보면 이미 비슷한거라도 쓰고 계신 느낌인데.. 혹시 저만 모르고 있나요..?
아니면 코딩프로그램에서 지원이 되는 기능인 건가.. 제가 전공이 그쪽이 아니라서 잘 모르겠네요)



대충 이렇게 생긴 것인데..
어떤 기능이 있는지는 아마 대충 받아서
몇번 만지작거려보시면 아실꺼라고 생각합니다.

+) 예를 들어, 

ÿc0활력당 생명력 증가량nn1활력 ÿc5↔ ÿc14ÿc0생명력 : ÿc4야만용사nÿc01활력 ÿc5↔ ÿc13ÿc0생명력 : ÿc4아마존ÿc5/ÿc4암살자ÿc5/ÿc4성기사ÿc5/ÿc4악마술사nÿc01활력 ÿc5↔ ÿc12ÿc0생명력 : ÿc4강령술사ÿc5/ÿc4원소술사ÿc5/ÿc4드루이드

이런 문구가 있다면, 눈으로 보기 힘들고 ÿ기호도 쓰기 힘들고.. 그러나 만약 이 편집기에다 넣고 붙여넣어보시면...



요렇게 게임을 켜보지 않고도 깔끔하게 재현되어서 나오는 기능이 있지요...
그리고 저 상태에서 입맛대로 편집을 하시고 다시 붙여넣으시면 되는 것입니다요.


--아래부터는 설명이 꼭 필요한 분만 읽어보시면 됩니다--

굳이 윗줄부터 간단하게만 언급을 해드리자면,

1. 문서로서 저장기능
- 브라우저 탭에 보이는 문서 제목을 적용하고 해당 문서를 저장하실 수 있습니다.
저장된 문서는 마치 저장된 txt 문서처럼 해당 html 문서를 다시 열어봤을 때 그 내용이 유지됩니다.

2. 미리보기 기능
- 코드 텍스트 입력창과 미리보기 창이 구분되어 있고, 둘의 크기비는 드래그로 조정하실 수 있습니다.
- 미리보기 창에서 텍스트 크기, 줄 간격, (후술할 탭 기능의) 탭 너비를 지정할 수 있습니다.

3. 문자열 찾기 (Ctrl+F) 바꾸기 (Ctrl+H)
- 찾을 문자열과 바꿀 문자열을 코드 텍스트 기준 및 미리보기 창 기준으로 찾아서 바꿀 수 있습니다.
단축키를 누르시면 각각의 창으로 커서가 이동합니다.
ex) ÿc0안녕하세요 ÿc1디아블로ÿc0입니다. 라는 텍스트가 있다면,
코드 텍스트 기준으로는 "세요 ÿc1디아"를 감지할 것이고, 미리보기 기준으로는 "세요 디아"를 감지할 겁니다.

- 그밖에 단축키는 Ctrl+Shift+Alt+색상키를 누르시면 선택 색상이 적용됩니다.
예시) Ctrl+Shift+Alt+3 = 파랑색 (ÿc3), Ctrl+Shift+Alt+; = 보라색 (ÿc3;)

- 그리고 Ctrl+Z를 누르면 실행취소가 됩니다. (이건 코드텍스트 기준일 겁니다 아마.)

4. 글꼴 설정
- 편집 글꼴을 지정할 수 있고, 만약 윈도우에 kodia.ttf가 깔려있을 경우에는 자동으로 kodia.ttf를 감지합니다.
(이것은 사실 이후에 언급할 탭 기능에 대한 포석입니다.)

5. 미리보기 정렬기능
- 원래 디아블로 툴팁은 가운데 정렬이 기본이라, 가운데 정렬기능도 있습니다만..
- 사실은 툴팁이 왼쪽정렬이 해서 가독성을 향상시킬 수 있다는 거에 충격 먹고 그럼 탭으로 줄맞춤도 되겠네? 해서 만들어본 도구....였습니다 예.

6. 코드 정리 기능
- 불필요한 공백이나 후술할 탭 기능으로 인한 검은 문자들을 제거합니다.
- 색상정리 기능은 색상코드가 중복돼서 지저분해지면 한번씩 눌러주시면 적용되지 않았거나 중복된 색상코드는 깔끔하게 정리됩니다.

7. 탭 구현 (사실 처음엔 이거 할려고 만든 거 였습니다.)
- 미리보기 편집기에서 탭을 입력할 수 있습니다 (그대로 json에 붙여넣기 하시면 공백으로 치환되지만요)
- 그 상태에서 탭 구현을 누르시면 공백과 까만점(=툴팁에선 안보임)들이 해당 구간만큼을 채워서 줄맞춤을 해줍니다. 블록을 잡으시면 잡은 구간만 치환이 되고, 안잡으시면 전체가 치환이 됩니다.

* 탭구현은 미리보기 해당 폰트의 공백과 마침표(.)가 차지하는 공간을 계산해서 입력되도록 했습니다.
즉, 폰트를 kodia로 놓고 구현할 때와 맑은 고딕으로 놓고 구현할 때는 입력되는 공백과 마침표 갯수가 다릅니다.

8. 복사할 양식 선택기능 (on/off)
- 복사 시 색상기호 포함 : 미리보기 창에서 바로 복사 시에 색상코드도 함께 복사합니다.
- 복사 시 줄바꿈 적용 : 미리보기의 줄바꿈을 적용해서 복사합니다. 풀면 n 기호로 복사됩니다.
- 글리프를 u코드로 복사 : 유니코드 글리프(ex : u034)의 코드를 그대로 복사합니다. 풀면 글리프로 복사됩니다.
- 유니코드 기호 복사 안함 : 체크하면 복사시 유니코드 글리프를 아예 생략합니다 (u 코드 복사기능은 자동 off)

9. 색상편집기능
- 색상을 편집하고 실시간으로 미리보기 창에서 볼 수 있습니다.
- 그냥 누르시면 반응이 없고, 반드시 편집하고 싶으신 텍스트를 드래그로 블록을 잡으시고 색상을 클릭하세요.

10. 유니코드 문자 입력기
- 코드 주소 4자리를 입력하시고 입력 버튼을 누르시면 커서 자리에 uXXXX 형태로 들어갑니다.
- 기본값으로 들어가있는 u2060은 없는 문자열입니다. 이런걸 넣어서 툴팁 폰트를 인위적으로 깨뜨리면 해당 툴팁은 폰트가 기본 폰트로 되돌아가면서 오히려 가독성이 좋아지는?걸 노려서 쓰고 있습니다.

↓↓↓↓↓↓↓↓↓↓↓↓ 예를 들면 ↓↓↓↓↓↓↓↓↓↓↓↓


그래서 저는 쿠레이어님 우측 도움말을 이런 식으로 개인 메모지처럼 해놓고 쓰고 있습니다;;
물론 쿠레이어님(&늘비군님) 도움말도 .. 설류혼님께서 캐릭터창에다 패캐정보를 띄울수있게 해주시는 바람에
이제 도움말에 패캐정보가 딱히 필요가 없어서, 저는 각 캐릭별 맨땅 초반 공략 정도를 입력해서 쓰고 있습니다.

사실 이런 것들을 모드자료실 뿐만 아니라 팁게나 인터넷,
그리고 제미나이한테 물어본 결과까지도 끌어와서 계속 짜집기 하고 있는데..
출처를 남겨놓은 것도 많지만, 제가 깜빡하고 안 남겨놓은 것도 있을 수 있기 때문에
뭐 배포니 공유니 해드리긴 좀 힘들 것 같습니다만,
(그리고 사실 공략적인 부분을 잘못 건드리면 오히려 모드를 건드리는 것보다
"제발 뭐 모르면서 이런 거 좀 배포하지 말라"는 태클이 들어올 수 있는 고인물 게임이다보니..ㅋㅋㅋㅋ)

그러나 이제 편집기로 다들 입맛에 맞게 원활하게 수정해서 쓰시면 되지 않을까 싶고..

--------------------------

그리고 또 하나는,
원활하게 수정을 하시려면 아무래도 모딩생태가 D2RMM 쪽으로 옮겨가는 것이.. 망할 D2RMM무새

굳이 json을 하나하나씩 다 열어보지 않더라도 mod.js를 열어보면



이런 식으로 간편하게 편집도 가능하고 자체 config 메뉴도 설정가능하기 때문에..
뭐 D2RMM 무새짓은 하자면 끝도 없으니 여기까지 하겠습니다.




---------------------------

혹시나 코딩잘알분들께서 최적화를 해주시거나 프로그램을 따로 만들어주시면
저는 그걸로 갈아탈 준비가 언제든 되어있으니(?)
맘껏 수정하시고.. 더 좋은 걸 만드시면 꼭 배포해주시고..
수정해서 배포해도 되나요 이런 건 안물어봐주셔도 되고..

그리고 혹시나 "이런 코드는 이렇게 바꾸시면 더 효율적입니다" 라고 조언해주신다해도
제가 코딩 까막눈이라서.... 무슨 말인지 잘 몰라요 ㅠㅠ 까막눈이 이런걸 만드는 세상이 와버린..