다음을 통해 공유


MRDL(Mixed Reality Design Language)과 그래픽 도구 간의 연결 — MRTK3

Mixed Reality 디자인 언어(MRDL)는 Fluent와 유사한 디자인 언어이지만 Mixed Reality에 대한 고려 사항이 있습니다. 수년에 걸쳐 MRDL은 HoloLens가 반복될 때마다 그리고 Mesh 앱과 같은 제품 내에서 발전해 왔습니다.

그래픽 도구는 MRDL 사용자 인터페이스 구성 요소를 빌드하는 데 사용되는 도구와 프로세스를 더 잘 공유하도록 빌드되었습니다. 그래픽 도구 패키지는 셰이더, 텍스처, 재료, 모델, 스크립트 및 도구를 통해 모든 Mixed Reality 앱에 MRDL 개념을 버블링하도록 설계되었습니다.

MRDL 구성 요소는 어디에서 찾을 수 있나요?

완전한 MRDL 디자인 구성 요소를 찾고 계신가요? MRTK 내에서 더 높은 수준의 UX 패키지를 살펴봅니다.

MRDL을 구동하는 셰이더 및 자산은 다음 위치에서 찾을 수 있습니다.

셰이더

모든 재료 검사기의 첫 번째 옵션에는 셰이더 드롭다운이 포함되어 있습니다. 모든 그래픽 도구 셰이더는 Graphics Tools 네임스페이스 내에 있습니다. 대부분의 맞춤형 MRDL 셰이더는 Graphics Tools/CanvasGraphics Tools/Non-Canvas 셰이더 네임스페이스에 있습니다. 이름에서 알 수 있듯이 Canvas 네임스페이스의 셰이더는 UnityUI 캔버스와 함께 사용해야 하며 Non-Canvas 네임스페이스의 셰이더는 일반 Unity 컨텍스트 내에서 사용해야 합니다.

편집기에서 셰이더 드롭다운

이러한 셰이더의 소스 코드를 살펴보면 기존 셰이더보다 읽기가 더 어렵다는 것을 알 수 있습니다. 도구에서 생성되기 때문입니다.

재질

Runtime/Materials 폴더 내에서 위의 각 셰이더를 나타내는 재료를 찾을 수 있습니다. 이러한 재료는 일반적인 사용자 인터페이스 구성 요소에 사용됩니다. 일부 재료는 무지개 빛깔과 같은 특정 효과에 필요한 텍스처를 참조하세요.

모델

일부 모델은 Runtime/Models 폴더에 있습니다. 이 모델은 캔버스가 아닌 재료에 사용됩니다.

대부분의 캔버스 모델은 코드에서 프로그래밍 방식으로 생성됩니다.

한 MRDL 구성 요소를 다른 구성 요소와 비교하여 언제 사용해야 하나요?

그래픽 도구는 UnityUI와 기존 게임 개체의 두 가지 사용자 인터페이스 만들기 방법을 지원합니다. 샘플 자산을 살펴보는 것이 좋지만 아래 목록을 참조로 사용할 수 있습니다.

아래 대화형 플레이그라운드는 MRDL 구성 요소를 사용하여 단추를 만드는 방법을 보여 줍니다.

백 플레이트

배치할 사용자 인터페이스 요소에 대한 불투명 지원을 제공합니다.

백 플레이트 예제

자산 캔버스 캔버스 외
셰이더 그래픽 도구/캔버스/백 플레이트 그래픽 도구/비캔버스/백 플레이트
재질 CanvasBackplate Non-CanvasBackplate
스크립트/모델 CanvasElementRoundedRect.cs 백 플레이트8

프런트 플레이트

볼륨 및 근접 조명을 표시하기 위해 백 플레이트 위에 반투명 표면을 표시합니다.

프런트 플레이트 예제

자산 캔버스 캔버스 외
셰이더 그래픽 도구/캔버스/프런트 플레이트 그래픽 도구/캔버스 아님/프런트 플레이트
재질 CanvasFrontplate Non-CanvasFrontplate
스크립트/모델 RawImage.cs/ScaleMeshEffect.cs Frontplate8

Glow

어포던스가 상호 작용할 때 작은 하이라이트.

불빛 예제

자산 캔버스 캔버스 외
셰이더 그래픽 도구/캔버스/불빛 그래픽 도구/캔버스 아님/불빛
재질 CanvasFrontplate Non-CanvasFrontplate
스크립트/모델 RawImage.cs/ScaleMeshEffect.cs 쿼드(Unity 기본값)

쿼드 불빛

어포던스가 간접적으로 상호 작용할 때 더 큰 빛을 발합니다.

쿼드 불빛 예제

자산 캔버스 캔버스 외
셰이더 그래픽 도구/캔버스/쿼드 불빛 그래픽 도구/캔버스 아님/쿼드 불빛
재질 CanvasQuadGlow Non-CanvasQuadGlow
스크립트/모델 RawImage.cs/ScaleMeshEffect.cs 쿼드(Unity 기본값)

기울어진 직사각형

백 플레이트와 유사하지만 모서리가 기울어진 직사각형을 제공합니다.

기울어진 직사각형 예제

자산 캔버스 캔버스 외
셰이더 그래픽 도구/캔버스/기울어짐 그래픽 도구/캔버스 아님/기울어짐
재질 BevCanvasBeveled Non-CanvasBeveled
스크립트/모델 CanvasElementBeveledRect.cs Beveled4x4, Beveled6x6, Beveled8x4, Beveled8x8

참고 항목