Vue Templates Logo Vue Templates
Directus Extension 3d Viewer screenshot

Directus Extension 3d Viewer

Author Avatar Theme by Br41nslug
Updated: 9 Jul 2024
11 Stars

Github

Categories

Directus

Overview

The Directus 3D Model Viewer is an extension that allows users to embed a <model-viewer> into Directus as an interface, display, panel, and endpoint for live previews. This extension enables users to render 3D models in various places within the Directus UI, and it requires the 3D model files to be uploaded to the Directus File storage. It has been primarily tested with *.glb 3D files, but it may also work with other formats.

Features

  • Model Viewer Endpoint: Provides a full-page 3D model viewer that can be embedded as an iframe in various locations. The settings for the model viewer can be configured using URL query parameters.
  • Model Viewer Interface: Allows users to render 3D models on a Directus detail page. The interface options can be set directly on an item detail page and will override any set interface options.
  • Model Viewer Display: Enables users to render 3D models on a Directus overview page. Due to the resource-intensive nature of rendering 3D models, this feature is recommended for pages with only a few model references.
  • Model Viewer Panel: Allows users to render 3D models on a Directus insights panel.

Installation

To install the Directus 3D Model Viewer extension, follow these steps:

  1. Upload the necessary 3D model files to the Directus File storage.
  2. Install the extension using the provided installation instructions.
  3. Configure the extension settings based on your specific use case.
  4. Use the provided code snippets to embed the 3D model viewer on the desired pages or panels within Directus.

Summary

The Directus 3D Model Viewer extension enhances the Directus platform by enabling users to seamlessly render and display 3D models within the Directus UI. With features such as the model viewer endpoint, interface, display, and panel, users have flexibility in where and how they incorporate 3D models into their Directus projects. While primarily designed for *.glb 3D files, this extension may also support other formats. Its easy installation and configuration make it a valuable addition for users working with 3D models in Directus.