Skip to main content
Indiana Wesleyan University Support Knowledge Base

3D Model Based WebXR: Annotated Models

  1. Last updated
  2. Save as PDF

Overview

Before starting, please review the KB articles General Information for WebXR Content: Getting Started and General Information for WebXR Content: User Interface.

The 3D Model WebXR content has an additional setting. The Annotations setting controls the display of the annotation elements for the 3D model. Its toggle is on by default.

When on, each annotation element will be displayed and interactive if they are detailed annotations.

When off, each annotation element will be hidden.

Toggle Setting

UI_Settings_Model_Annotations_Toggle__All.gif

  1. In the bottom left area of the WebXR content, select the Settings button
  2. At the top of the settings modal, locate the Annotations section
  3. Select its toggle button to control turning this setting off and on

Simple Annotations

The 3D Model WebXR content with simple annotations contains brief text content related to specific parts of the model. The simple annotations are not interactive. The text content displayed is all the information available for the given annotation.Model_Annotated_Simple__All.png

Detailed Annotations

The 3D Model WebXR content with detailed annotations contains numbered elements initially displayed. The numbered elements are interactive. When an annotation is expanded, it will display text content with information related to the associated part of the model.Model_Annotated_Detailed__All.png

Interacting via Selectors

Model_Annotated_Detailed_Selector__All.gif

  1. Select an annotation number to display its additional information
  2. After reviewing the additional information, it can be hidden again through two different methods:
    1. Select the given annotation selector number again
    2. In the element with additional information, select the "X" button

Interacting via Carousel

The user interface (UI) at the bottom of the frame containing the WebXR content has a carousel element for controlling the display of additional information for the annotations.Model_Annotated_Detailed_Carousel__All.png

Arrows

Model_Annotated_Detailed_Carousel_arrows__All.gif

  1. Select the right arrow to display the text information for the next or first annotation
  2. Select the left arrow to display the text information for the previous or last annotation

Selector

Model_Annotated_Detailed_Carousel_selector__All.gif

  1. Select the title in the middle of the carousel. It will either say "Annotations" if none are currently displayed or if one is displaying, it will say "Annotation: ..."
  2. A modal containing the number and title of each annotation will appear above the carousel's title
  3. Annotations not currently displaying will have a dark gray background, whereas annotations that are currently displaying will have a blue background
    1. Select a hidden annotation to display its additional information
    2. Select a displayed annotation to hide its additional information