안녕하세요.

오늘 박단테님이 투사체 수량까지 포함하는 미니 허드의 새로운 버전을 올려주셨습니다.


미니 허드 출처 : 박단테님 - https://www.inven.co.kr/board/diablo2/5842/3769

추가) 미니 허드 체력, 마나, 투사체 수치 문단 구성 변경 방법 출처 : 
                       게토레이님 - https://www.inven.co.kr/board/diablo2/5842/3791


올려주신 자료를 적용시키고 가시성을 높여보기 위해 엉뚱한 ui 파일에서 색상을 추가해 보았지만 당연히 실패를 하였고 투사체 수량이 골드 색상인 것을 참고 삼아 폰트 내용을 수정한 결과 원하는 각 수치에 원하는 색상을 추가할 수 있었습니다.

위 링크에 있는 첨부된 1번 파일(미니 허드 비활성화 모드)을 사용하시는 분은 minihphd 파일을 2번 파일(미니 허드 활성화 모드)을 사용하시는 분은 hudpanelhd 파일에서 수정하시면 됩니다.

추가) 첨부 파일은 .json 파일이며 해당 파일을 적용하면 체력, 마나, 투사체 수치만 구현됩니다.
         .sprite 파일 미적용시 인게임 상에서 캐릭터 좌측의 체력, 마나 미니 허드 바는 구현되지 않습니다.

1번 파일 - 미니 허드 비활성화 모드  /    2번 파일 - 미니 허드 활성화 모드 파일 추가했습니다.
체력 / 마나(불필요시 삭제할 범위 표기함) / 투사체 색상은 모두 금색으로 되어 있으니 수정하시기 바랍니다.
흰색으로 수정할 경우 "fontColor": "$FontColorGold", 문자열을 삭제하면 됩니다.


1. 사용하고자 하는 모드 파일에서 찾기(Ctrl+F)로 화살 검색.

            "type": "SkillSelectButtonWidget", "name": "BowCounter",
            "fields": {
                "rect": { "x": 1284, "y": -1003 },  //화살갯수
                "side": "left",
            },
            "children": [
                {
                    "type": "TextBoxWidget", "name": "QuantityText",
                    "fields": {
                        "rect": "$SkillHotkeyTextRect",
                        "style": {
                            "pointSize": "$SmallFontSize",
                            "fontColor": "$FontColorGold",      <<<<< 복사
                            "alignment": { "v": "bottom", "h": "left" },
                            "spacing" : "$MinimumSpacing",
                            "dropShadow": "$DefaultDropShadow"


2. 찾기(Ctrl+F)로 체력수치 검색.

                    "type": "TextBoxWidget", "name": "ValueDisplay",
                    "fields": {
                        "rect": { "x": 175, "y": 48 },  //미니 체력수치 조정
                        "style": {
                            "pointSize": "$XMediumLargeFontSize",
                            "fontColor": "$FontColorGold"            <<<<<< 화살갯수에서 복사한 fontColor 문자열 삽입
                            "alignment": { "v": "bottom", "h": "left" },
                            "spacing" : "$MinimumSpacing",
                            "dropShadow": "$DefaultDropShadow"


3.    data / global / ui / layouts 폴더에 있는 _profilehd 파일에서 // Colors. 검색.

    "FontColorWhite": { "r": 240, "g": 240, "b": 240, "a": 255 },
    "FontColorVeryLightGray": { "r": 240, "g": 240, "b": 240, "a": 255 },
    "FontColorBlack": { "r": 0, "g": 0, "b": 0, "a": 255 },
    "FontColorRed": { "r": 252, "g": 70, "b": 70, "a": 255 },
    "FontColorGreen": { "r": 0, "g": 252, "b": 0, "a": 255 },
    "FontColorBlue": { "r": 110, "g": 110, "b": 255, "a": 255 },
    "FontColorLightGold": { "r": 255, "g": 246, "b": 227, "a": 255 }, // usage: button text, setting text labels
    "FontColorGoldYellow" : { "r": 199, "g": 179, "b": 119, "a": 255 }, //Usage example: panel and option subtitles
    "FontColorCurrencyGold" : {"r": 209, "g": 195, "b": 120, "a": 255}, // Usage Example: Gold text
    "FontColorGold": "$FontColorGoldYellow",
    "FontColorDarkGold": { "r": 120, "g": 98, "b": 47, "a": 255 },
    "FontColorBeige" : { "r": 204, "g": 195, "b": 176, "a": 255 },
    "FontColorGray": { "r": 99, "g": 99, "b": 99, "a": 255 },
    "FontColorGrey": "$FontColorGray",
    "FontColorOrange": { "r": 255, "g": 168, "b": 0, "a": 255 },
    "FontColorDarkGreen": { "r": 0, "g": 128, "b": 0, "a": 255 },
    "FontColorYellow": { "r": 255, "g": 255, "b": 100, "a": 255 },
    "FontColorLightPurple": { "r": 192, "g": 128, "b": 242, "a": 255 },
    "FontColorLightTeal": { "r": 124, "g": 221, "b": 204, "a": 255 },
    "FontColorLightRed": { "r": 255, "g": 148, "b": 148, "a": 255 },
    "FontColorLightYellow": { "r": 255, "g": 235, "b": 164, "a": 255 },
    "FontColorLightBlue": { "r": 175, "g": 183, "b": 255, "a": 255 },
    "FontColorLightGray": { "r": 148, "g": 148, "b": 148, "a": 255 },
    "FontColorDarkGrayBlue":  { "r": 125, "g": 141, "b": 144, "a": 255 },
    "FontColorDarkGrayGold" : { "r": 173, "g": 168, "b": 148, "a": 255 }, // Usage example: attribute points to spend
    "FontColorTransparent": { "r": 0, "g": 0, "b": 0, "a": 0 },
    "FontColorPartyOrange": { "r": 196, "g": 129, "b": 0, "a": 255 },
    "FontColorPartyGreen": {"r": 79, "g": 194, "b": 56, "a": 255 },
    "FontColorRareYellow": {"r": 255, "g": 255, "b": 100, "a": 255 }, //레어템용 노란색

체력수치 조정에 삽입된 FontColor를 원하는 FontColor색상으로 수정.

예)  금색을 파란색으로 수정할 경우.
"fontColor": "$FontColorGold" 의 FontColorGold 를 위의 FontColor 색상중에서 FontColorBlue 로 수정.


4. 마나 수치 노출 방법.
찾기(Ctrl+F)로 체력수치 를 검색 및 복사.

                "type": "TextBoxWidget", "name": "ValueDisplay",
                "fields": {
                    "rect": { "x": 175, "y": 48 },  //체력수치 조정
                    "style": {
                        "pointSize": "$XMediumLargeFontSize",
                        "fontColor": "$FontColorLightTeal",        <<<<<< fontColor를 삽입한 상태입니다.
                        "alignment": { "v": "bottom", "h": "left" },
                        "spacing" : "$MinimumSpacing",
                        "dropShadow": "$DefaultDropShadow"

찾기(Ctrl+F)로 //마나바 조정 또는 //마나바 클릭방지 검색 후 복사한 체력수치 문자열 삽입.

            "type": "AttributeBallWidget", "name": "ManaBarMana",
            "fields": {
                "rect": { "x": 1292, "y": -1016, "width": 105, "height": 103, "scale": 0.8 },  //마나바 조정
                "attribute": "mana",
                "minLiquidWidth": 2,
                "maxSmoothingSeconds": 1.0,
                "jumpSmoothingSeconds": 0.25,
                "smoothDecrease": false,
                "potionPreviewTransparency": 0.35,
                "poisonHsvTransform": [ 0.3, 0.0, 0.0, 0.0 ]
                },
                "children": [
                    {
                    "type": "AnimatedImageWidget", "name": "BallImage",
                    "fields": {
                        "filename": "PANEL/HUD_102/minimp_mana",
                        "useAdvancedColoring": true,
                        "hsvTransform": [ -0.3333, -0.05, -0.5, 0.0 ]
                        }
                    },
                    {
                "type": "TextBoxWidget", "name": "ValueDisplay",
                "fields": {
                    "rect": { "x": 155, "y": 78 },  //마나수치 조정 <<<<<<< 체력을 마나로 수정한 상태
                    "style": {
                        "pointSize": "$XMediumLargeFontSize",
                        "fontColor": "$FontColorLightPurple",           <<<<< fontColor 삽입 및 색상 설정한 상태
                        "alignment": { "v": "bottom", "h": "left" },
                        "spacing" : "$MinimumSpacing",
                        "dropShadow": "$DefaultDropShadow"
                        }
                    }
                },
                {
                        "type": "ClickCatcherWidget", "name": "click_catcher",  //마나바 클릭방지
                        "fields": {
                        "rect": { "x": 0, "y": 0, "width": 105, "height": 103 }


rect 좌표값은 제가 원하는 수치로 수정된 상태이기 때문에 원본 파일의 좌표값과 동일하지 않는 부분이 있습니다.


5. _profilehd 파일에 있는 // Colors. 색상 스크린샷.

색상 순서는 체력/마나/투사체 및 좌측 상단에서 하단 > 중앙 상단에서 하단 > 우측 상단에서 하단 순입니다.
각 색상은 _profilehd 파일에 있는 // Colors 의 상단에 "FontColorWhite"로 시작하여 "FontColorRareYellow"로 마무리합니다.



현재 적용중인 색상 : 체력 - FontColorLightTeal / 마나 - FontColorLightPurple / 투사체 - FontColorPartyGreen



마지막으로 애드온 / 모드 자료실에 좋은 자료들을 올려주시는 모든 모더 분들께 감사의 인사를 드립니다.