월드 오브 워크래프트: 용군단에서는 인터페이스에 많은 변화가 생깁니다. 이중 HUD 편집 모드는 이번 빌드에서 그리드 기능이 추가되었습니다.
https://cdn.imweb.me/upload/S201903225c9441f9db892/48154539ae5c5.png" data- src="https://cdn.imweb.me/upload/S201903225c9441f9db892/48154539ae5c5.png" alt="upload/S201903225c9441f9db892/48154539ae5c5.png" style="box-sizing: border-box; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; border: 0px solid rgb(229, 231, 235); vertical-align: bottom; cursor: pointer; position: relative; max-width: calc(100% - 10px); display: inline-block; float: none; margin: 5px 0px; height: auto; left: auto;" />
(*추가된 그리드 버튼의 모습.)
그리드 버튼을 누르면 그리드가 보여서 자신만의 인터페이스를 짜기 더욱 편해집니다.
https://cdn.imweb.me/upload/S201903225c9441f9db892/e16185e40c7f5.gif" data- src="https://cdn.imweb.me/upload/S201903225c9441f9db892/e16185e40c7f5.gif" alt="upload/S201903225c9441f9db892/e16185e40c7f5.gif" style="box-sizing: border-box; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; border: 0px solid rgb(229, 231, 235); vertical-align: bottom; cursor: pointer; position: relative; max-width: calc(100% - 10px); display: inline-block; float: none; margin: 5px 0px; height: auto; left: auto;" />
(*그리드 버튼을 누른 모습.)
그리드의 크기도 자신의 취향에 맞게 설정할 수 있습니다.
https://cdn.imweb.me/upload/S201903225c9441f9db892/c440f8b8dfb2f.gif" data- src="https://cdn.imweb.me/upload/S201903225c9441f9db892/c440f8b8dfb2f.gif" alt="upload/S201903225c9441f9db892/c440f8b8dfb2f.gif" style="box-sizing: border-box; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; border: 0px solid rgb(229, 231, 235); vertical-align: bottom; cursor: pointer; position: relative; max-width: calc(100% - 10px); display: inline-block; float: none; margin: 5px 0px; height: auto; left: auto;" />
(*그리드 크기를 조정하는 모습.)