The default publishing settings for our 3D embeds work well in most educational contexts, making it easy to export your 3D model and embed it into virtually any website, application, or course.
But these settings can just as easily be customized to better complement your learning objectives, target device size(s), or page layout.
Our customizable publishing settings are grouped into the following categories. Click on a category below to learn more about the available settings available in each.
Responsive vs. Fixed
Default: Responsive with Standard Aspect Ratio (4:3)
This setting controls whether the layout for your 3D embed is responsive or fixed when embedded into another webpage.
- Responsive (default). The width of the Viewer automatically adjusts based on the size of the screen or container; specifically, it fills the entire width of the container in which it is embedded. This ensures your end users are able to view and interact with the 3D model in its entirety and access all of the available exploration tools regardless of the device they are using.
When your Viewer Size is responsive, a standard (4:3) aspect ratio is selected by default, but you can adjust the aspect ratio to your liking. Learn more about aspect ratios and the additional options available to you in Working with responsive 3D embeds.
- Fixed. The width and height of the Human Viewer powering your 3D model remain the same at all times, regardless of the size of the screen or the container in which it is embedded. Depending on how and where your embedded models will be accessed, this may result in important tools or parts of the 3D model going off-screen on mobile devices. We recommend using this option with caution.
When your Viewer Size is fixed, you will need to select a fixed width and height (in pixels) for your Viewer. By default, the width is set to 700px in width and 550px in height, and the minimum sizes are 300px and 400px, respectively.
Load 3D model automatically
Enabled by default, this setting automatically loads the 3D model as soon as the page in which the model is embedded or launched loads.
If this setting is disabled (i.e., the box is unchecked), a 2D image will appear in place of the 3D model when the page loads, and the end user will need to click on or tap a button in order to load the 3D model. This option—loading "on demand"—improves overall page performance and is recommended if you plan to embed multiple models into a single page, or if the surrounding page contains a large quantity of other media that are competing for browser memory. Compare this option to the default setting below.
Rotate 3D model on load
Launch tutorial on load
When enabled, this setting launches a short interactive tutorial the first time the end user loads the 3D model. The tutorial teaches new users how to interact with the model in 3D, including how to rotate, zoom, pan, and explore the anatomy.
The tutorial guides the user through the following:
- When the tutorial first launches, the user is given the option to choose between a) mouse, trackpad, or keyboard and b) touchscreen in order to customize the tutorial content to their current device.
- At each step, the Viewer detects when the action has been completed successfully, alerts the user accordingly with a green check mark, and (on desktop only) offers a "tip" on how to perform that action using keyboard shortcuts.
- At the end of the tutorial, the user is instructed to use the 3D controls and toolbar to navigate through the 3D experience, launch deeper exploration tools, and relaunch this tutorial.
Whether or not you enable this setting when you publish, this tutorial is available to users at all times in the Menu under Help (unless you have disabled Help in your Menu settings).
3D interaction prompt
Default: Do not show hint
- Show button. A translucent black button with the message "Interact in 3D" turns blue when the end user hovers over the Viewer.
- Show animated hand. An animated graphic of a hand with the message "Interact in 3D" pulses to indicate that the end user should tap the screen. Recommended for mobile-only or mobile-first integrations.
- Show play button. A black-and-white play button with the message "3D" turns white and blue when the end user hovers over the Viewer. This option additionally displays the model's loading progress in place of the default loading progress indicator.
Show label when anatomy is selected
Enabled by default, this setting triggers a label to appear when the user clicks on or taps an anatomical structure in your 3D model. This "anatomy label" identifies the structure by name—be it an anatomical structure, a component of a structure, a microscopic unit such as a cell, or an inanimate object such as a device.
When this setting is disabled, clicking on or tapping a structure only highlights it, and no label appears.
Enabled (pictured alongside labels applied in Studio):
Show "Read More" link
When enabled, this setting displays a "Read More" link in a structure's anatomy label, which appears when the structure is selected. When this link is clicked, a detailed description of the structure appears in the Information Panel.
Show Information Panel
Enabled by default, this setting displays the Information Panel, which contains your 3D model's chapter titles, chapter descriptions, label list (if this setting is enabled and the Viewer width is ≥961 pixels), and chapter list.
The Information Panel appears on the left side of the model when the Viewer is ≥961 pixels wide ("large" Viewer configuration) and at the bottom of the model when the Viewer is ≤960 pixels wide ("small" Viewer configuration).
Large (≥961px wide):
Small (≤960px wide):
- The primary chapter list is always available from the chapter navigation controls.
- A secondary chapter list is available in the Information Panel only when the current width of the Viewer is ≥961px. When this criterion is met, the secondary Chapter List can be opened by clicking on the chapter title.
Show label list in Information Panel
Enabled by default, this setting displays a list of labels beneath the chapter title and description in the Information Panel.
The label list enables users to quickly navigate to key learning points on the 3D model by providing a complete list of all of the labels in a given chapter. When clicked, each label in the list highlights the matching label in the model, or triggers the actions that were assigned to that label in Studio.
Show audio controls when available
Enabled by default, this setting displays a play/pause audio toggle when audio is available in a given chapter of your 3D model. Specifically, a Play Audio button will appear in the upper-left corner of the 3D scene, and the words "Play Audio" will appear on hover.
Default button appearance:
Button appearance on hover:
If this setting is disabled, the user will have no way of playing or pausing audio in your model, even if audio is technically available in the model.
Default: Show all (play/pause button & scrubber)
This setting controls the type of media controls that will appear when a given chapter of your 3D model contains animated elements (i.e., elements in motion)—play/pause button and scrubber, play/pause button only, or none.
- Show all (play/pause button & scrubber) (default). This is the default setting and is recommended for animations that illustrate a process so the end user can use the scrubber and speed controls to explore the content at their own pace.
- Only show play/pause button. If deeper exploration is not necessary for a particular animation, this option will reduce the clutter in your Viewer.
- Do not show. This option should only be selected if you do not want the user to be able to control the animation. Not recommended in most situations.
3D navigation controls
Enabled by default, this setting displays the 3D navigation controls toolbar in the lower right portion of the Viewer. This toolbar contains four buttons that enable the end user to adjust the position of the model in 3D space:
- Switch to Pan Mode / Switch to Rotate Mode
- Recenter 3D Model
- Zoom In
- Zoom Out
Enabled by default, this setting displays an Explore button in the lower-right portion of the Viewer. Clicking on or tapping this button opens the Explore toolbar, which offers the following three interaction modes:
Select (default). Clicking on a structure highlights it in yellow and displays its name, enabling the end user to identify it.
Hide. Clicking on a structure hides it from view, enabling the user to see underlying structures.
Fade. Clicking on a structure makes it transparent but does not hide it, enabling the user to see underlying structures as well as their relationship to the faded structure.
Enabled by default, this setting displays the Undo/Redo/Reset toolbar, which allows the end user to undo and redo actions taken in the 3D model, as well as reset the model to its original view.
Though it is enabled by default, the Undo/Redo/Reset toolbar is hidden until the model has been modified in any way. At this point the toolbar appears at the top of the 3D scene so it is immediately obvious to the user that the action can be undone.
Enabled by default, this setting displays a global menu button in the lower-right corner of the Viewer.
Clicking on or tapping this button expands a list of available tools, all of which are also enabled by default but can be disabled as desired. These tools include the following:
- Anatomy Tree / Search. Enables both the "Anatomy Tree" and "Search" options in the main menu. Search enables the end user to look for specific anatomical structures in a model by name or keyword. The Anatomy Tree enables them to browse through all of the structures contained in the model, or show/unhide structures that are currently hidden to explore spatial relationships.
- Draw. Enables the "Draw" option in the main menu. The Draw tool allows the user to draw on and add text to a 2D snapshot of the 3D model to pinpoint key anatomical structures or concepts. Learn more in Use the Draw tool.
- Fullscreen. Enables the "Enter Fullscreen" option in the Settings submenu. Clicking this option expands the Viewer so that it spans the entire screen, providing a widescreen, immersive experience.
Note: Fullscreen mode is supported on all devices and browsers—with the exception of iPhone browsers. To enable fullscreen mode for embedded models, make sure your published embed code includes allowFullScreen="true" or simply allowfullscreen. When fullscreen mode is not enabled, the Enter Fullscreen button will be replaced by an Open in New Tab option, which will open the model in a new browser tab.
- Help. Enables the "Help" menu in the main menu.
When this option is enabled, three options are made available within the Help submenu:
- Launch Tutorial: Launches the Viewer tutorial, which teaches users how to interact with a model in 3D.
- 3D Navigation Basics: Opens a screen in front of the Viewer that illustrates the primary ways a user can interact with a model ("Navigation Basics"). From here, the user can also access a comprehensive 3D navigation key for all devices and accessories ("All Controls").
- Keyboard Shortcuts: Opens a comprehensive list of keyboard shortcuts that compatible with the Viewer.