전면 플레이트 만들기 및 관리

전면 플레이트(이전의 오버레이)를 사용하여 자동차 변형을 만들거나, 제품 수명 사이클 상태를 지정하거나, 워터마크, 상표 또는 법적 정보를 추가할 수 있습니다. 회의에서는 회사 로고, 텍스트 및 날짜 등의 오버레이 이미지를 프레젠테이션에 사용할 수 있습니다 .

자세히 알아보기 아이콘 참조 정보는 다음을 확인하십시오.

전면 플레이트를 만드는 방법

  1. 메뉴 막대에서 장면 > 장면 플레이트 편집기를 선택합니다.

  2. 장면 플레이트 편집기 왼쪽을 마우스 오른쪽 버튼으로 클릭하고 장면 플레이트 만들기를 선택합니다.

  3. 속성 아래 이름 필드에 전면 플레이트의 이름을 입력하고 컨텐츠 유형에 텍스트, 웹 또는 이미지인지 선택합니다.

    • 텍스트 전면 플레이트의 경우 원하는 텍스트 및 속성(예: 글꼴, 색상 및 투명도)을 입력합니다.
    • 이미지 전면 플레이트의 경우 폴더 아이콘을 클릭하고 원하는 이미지를 선택한 후 도중에 이미지가 업데이트될 경우 복원 복원을 클릭하여 최신 버전을 로드합니다.

  4. 크기 및 위치에서 필요한 모든 값을 조정합니다.

    절대 배율에는 픽셀이 사용됩니다. 상대 배율에는 백분율이 사용됩니다.

오버레이 원형 메뉴를 만드는 방법

원형 메뉴 장면 플레이트 자산은 이미 제공되어 있습니다. VREDAssets 설치 프로그램에서 찾을 수 있습니다. 자산을 장면으로 끌어 놓기만 하면 됩니다.

만드는 방법을 이해하려면 다음 단계를 통해 장면 플레이트 편집기를 사용하여 전면 플레이트에서 원형 메뉴 UI를 로드합니다.

  1. 메뉴 막대에서 장면 > 장면 플레이트 편집기를 선택하여 편집기를 엽니다.

  2. 장면 플레이트 편집기에서 만들기 > 전면 플레이트 만들기를 선택하여 전면 플레이트를 만듭니다.

    장면 플레이트 편집기 원형 메뉴 설정

  3. 오른쪽 속성 섹션에서 컨텐츠 유형을 웹으로 설정합니다.

  4. 폭 및 높이를 렌더 윈도우 크기로 조정합니다. 이렇게 하면 UI가 렌더 윈도우에 맞게 조정됩니다.

    참고:

    렌더 윈도우 크기를 조정할 때마다 4단계를 반복합니다.

  5. 원형 메뉴에서 투명 배경을 사용하도록 하려면 클릭 이동을 0.01로 설정합니다. 그러지 않으면 UI가 사용자 인터랙션에 응답하지 않습니다.

  6. URL을 원형 메뉴를 포함하는 HTML 파일로 설정합니다. 다음 위치에서 예제 파일을 찾을 수 있습니다.

    C:\ProgramData\Autodesk\VREDPro-<internalVersion>\examples\webengine-circular-menu-genesis\index

    참고:

    아이콘, 스타일시트 및 적절한 JavaScript 파일 등 모든 자산이 동일한 폴더에 있거나 동일한 URL에서 찾을 수 있어야 합니다.

  7. 크기 및 위치 섹션에서 정확한 배율 조정을 위해 크기 모드를 상대로 설정하고 크기를 1.00으로 설정합니다.

    원형 메뉴

메뉴 구성

생성된 원형 메뉴를 지금부터 구성해 보겠습니다. 메뉴 구성은 HTML 파일의 스크립트 태그 내에 JSON 객체로 저장됩니다. 구성은 menu라는 루트 속성으로 시작합니다. 메뉴 속성 및 항목 속성 테이블의 컨텐츠를 사용합니다.

메뉴 속성

이름 유형 설명
animationDuration 숫자 항목이 애니메이션을 재생하는 활성 상태로 표시되는 지속 시간(밀리초)입니다.
buttonSizeMultiplicator 숫자 아이콘 크기에 따라 버튼 크기를 지정하는 승수입니다.
colorIconActive 문자열 색상 속성이 있는 활성 항목에 대해 표시되는 아이콘의 상대 경로입니다.
iconPath 문자열 항목 아이콘의 상대 경로입니다.
iconSizes array[number] 각 항목 수준의 아이콘 크기(픽셀 단위)가 포함된 배열입니다.
imagePath 문자열 스틸 프레임 이미지의 상대 경로입니다.
items array[object] 모든 항목 속성의 자세한 설명이 아래에 나와 있습니다.
position 숫자 메뉴의 위치입니다. 가능한 값은 top-left, top, top-right, right, bottom-right, bottom, bottom-left, left, center입니다.
sizes 숫자 각 메뉴 수준의 지름(픽셀)입니다.
type 문자열 항상 circular입니다.

항목 속성

이름 유형 설명
animation 문자열 클릭 시 재생되는 애니메이션 이름입니다.
animationDuration 숫자 애니메이션을 재생할 때 이 항목이 활성으로 표시되는 지속 시간(밀리초)입니다. 메뉴 전체 애니메이션 지속 시간 값이 이 값으로 재정의됩니다.
children array[item] 해당 항목이 선택된 경우 다음 메뉴 수준에 표시되는 중첩 항목의 배열입니다.
classNames array[string] 고급 사용자화 항목에 적용되는 css 클래스 이름의 배열입니다.
color 문자열 아이콘 색상을 지정하는 데 사용되는 RGB 색상 16진 코드입니다. 이 옵션은 색상 또는 자동차 페인트에 대한 변형을 전환하는 항목에 유용합니다.
icon 문자열 아이콘 경로에 상대적인 아이콘 파일에 대한 경로입니다.
image 문자열 이미지 경로에 상대적인 이미지 파일에 대한 경로입니다. 지정된 경우 클릭 시 배경 이미지가 설정됩니다.
isActive 부울 true로 설정된 경우 항목이 활성 상태로 표시되고 지정된 각 명령 속성(변형, 뷰포인트 또는 애니메이션)은 메뉴가 로드될 때 설정됩니다.
name 문자열 설명적 이름이지만 필수는 아닙니다.
type 문자열 toggle 유형은 첫 번째 항목에 대해서만 지정해야 합니다. 다른 모든 항목의 동작은 항목 속성을 통해 정의됩니다.
variant 문자열 클릭 시 설정되는 변형 이름입니다.
viewpoint 문자열 클릭 시 이동하는 카메라 뷰포인트의 이름입니다.

예제

데모 장면 Automotive_Genesis.vpb의 원형 메뉴 예제가 미리 구성되어 있습니다.

전면 플레이트 스위치를 만드는 방법

  1. 장면 플레이트 편집기 왼쪽을 마우스 오른쪽 버튼으로 클릭하고 스위치 작성을 선택합니다.

  2. 목록에서 전면 플레이트를 스위치로 드래그 앤 드롭합니다.

  3. 확인 표시를 추가하여 스위치에 표시해야 하는 전면 플레이트를 선택합니다.

    참고:

    스위치의 하위 항목이 선택되면 표시되고, 나머지는 자동으로 선택취소되고 숨겨집니다.

장면 플레이트 편집기에서 전면 플레이트를 관리하는 방법

전면 플레이트 선택항목을 복제하려면 선택항목을 마우스 오른쪽 버튼으로 클릭하고 다음 중 하나를 수행합니다.

  • 왼쪽을 마우스 오른쪽 버튼으로 클릭하고 편집 > 복제를 선택합니다.
  • 편집기 하단에서 복제 아이콘(복제 아이콘)을 클릭합니다.

이 이후에 변경하려면 다음 중 하나를 수행합니다.

  • 장면에서 전면 플레이트가 나타나는 순서를 변경하려면 목록에서 전면 플레이트를 드래그 앤 드롭하여 재배치합니다.
  • 전면 플레이트의 선택항목을 함께 그룹화하려면 선택항목을 마우스 오른쪽 버튼으로 클릭하고 그룹 만들기를 선택합니다.
  • 전면 플레이트를 표시하거나 숨기려면 장면 플레이트 편집기 목록에서 전면 플레이트를 선택하거나 선택취소합니다.
상위 페이지: 장면 플레이트