MR에서 보기 및 3D로 보기

완료됨

다양한 3D 및 MR(혼합 현실) 시나리오를 지원하기 위해 캔버스 앱에 여러 가지 MR 구성 요소를 추가할 수 있습니다. 구성 요소는 특정 요구 사항을 해결하는 데 사용할 수 있는 컨트롤의 컬렉션입니다. 예를 들어 이러한 MR 구성 요소를 사용하여 다음을 수행할 수 있습니다.

  • 3D 콘텐츠를 보고 조작합니다.
  • 카메라에서 피드에 3D 콘텐츠 및 2D 이미지를 오버레이합니다.
  • MR에서 디바이스를 사용하여 거리, 면적 및 체적을 측정합니다.
  • MR 오버레이를 통해 실제 세계의 공간을 식별합니다.

이러한 혼합 현실 기능 중 일부를 Easy Sales 애플리케이션에 통합할 것입니다.

MR에서 보기

MR에서 보기는 애플리케이션에 포함된 주요 기능 중 하나입니다. 이 기능을 사용하여 실제 세계의 이미지 및 3D 모델을 볼 수 있습니다. 사용자는 단추를 클릭하여 액세스할 수 있습니다. 그러면 선택한 3D 모델 또는 이미지가 디바이스의 라이브 카메라 피드에 오버레이됩니다.

3D 콘텐츠는 .glb 파일 형식이어야 하며, 이미지는 .jpg 또는 .png 형식이어야 합니다. Power Apps의 MR 구성 요소는 Babylon React Native를 사용합니다.

  • 속성

    • 원본 제공: 데이터 원본은 표시할 .glb 파일을 인식합니다. MR에서 보기 구성 요소는 다음에서 모델을 로드하도록 지원합니다.

      • 개체 너비: 표시되는 이미지 또는 3D 콘텐츠의 너비입니다.

      • 개체 높이: 표시된 이미지 또는 3D 콘텐츠의 높이입니다.

      • 개체 깊이: 3D 콘텐츠의 3차원 깊이입니다.

      • 단위: 개체의 너비, 높이 및 깊이 필드에 사용되는 단위입니다.

      • 사진 혼합 현실 세션 중에 캡처된 이미지입니다.

  • 개체 스케일링 처리 방법

    모델이 MR 구성 요소의 뷰와 함께 배치되면 모델의 원래 차원이 사용됩니다. 이러한 치수는 개체 너비, 개체 높이 및 개체 깊이 속성입니다.

    스케일링 기술을 사용하여 모델의 크기를 변경해 보겠습니다.

    • 치수를 정의하지 않은 경우 모델이 이미 예상된 배율로 되어 있다고 간주되어 변경되지 않은 상태로 유지됩니다.
    • 한 치수를 정의하고 나머지는 기본값인 0을 유지하면 지정된 치수에 따라 전체 개체가 스케일링됩니다.
    • 두 치수가 정의되면 지정된 치수와 일치하도록 모델을 조정하고 세 번째 치수를 위해 배율 평균이 계산됩니다.

    예를 들어 개체 높이가 8이고 개체 너비가 5이고 개체 깊이가 3인 모델이 있다고 가정합니다. 개체 높이를 24로 설정하고 개체 너비를 10으로 설정하면 개체 깊이는 변경되지 않습니다. 높이는 3씩 증가하고 너비는 2씩 증가합니다. 이 두 측정값의 평균은 2.5입니다. 나중에 해당 크기만큼 깊이가 조정됩니다. 크기가 조정된 최종 모델은 개체 높이가 24이고 개체 너비가 10이고 개체 깊이가 7.25입니다.

    • 세 치수를 모두 설정하면 모델의 크기가 지정한 크기와 일치합니다.

3D로 보기

3D 모델을 캔버스 앱에 추가할 수 있습니다. 간단한 제스처를 사용하면 3D로 보기 구성 요소를 사용하여 모델에서 회전하고 확대/축소할 수 있습니다. 기본 셰이프는 구성 요소에 포함되어 있습니다. 원본 속성을 변경하여 이 셰이프를 다른 셰이프로 변경할 수 있습니다. 갤러리 컨트롤에 연결하여 단일 3D 모델을 표시하거나 사용자가 갤러리에서 선택하도록 할 수 있습니다. 3D 보기 컨트롤에 사용 가능한 파일 형식은 .glb, .obj 또는 .stl입니다. 사용자는 모든 파일 형식의 3D 모델을 .glb로 변환하여 애플리케이션에서 사용할 수 있습니다.

3D 모델의 갤러리를 원하는 경우 갤3D로 보기 구성 요소를 갤러리 외부에 배치하고 해당 원본을 갤러리의 지정된 속성으로 설정합니다. 로드 시간을 줄이는 데 도움이 되도록 3D 모델을 Power Apps에서 사용하도록 최적화해야 합니다. 3D로 보기 구성 요소를 사용하여 3D 모델의 지정된 지점에 (원형 표시로 표시)을 추가할 수 있습니다.

참고 항목

각 구성 요소 버전이 3D 모델을 동시에 로드하려고 하기 때문에 동일한 화면에 있는 3D로 보기 구성 요소의 여러 인스턴스로 인해 성능 문제가 발생할 수 있습니다.