search

D5 XR Open Workflow

The D5's built-in online XR tour browsing service facilitates project sharing and collaborative communication. Beyond this, it offers more extensive scenarios for integration with other software. Within the user project list↓, users can download .ply source files for import into other software applications.

hashtag
D5 XR PLY File Export Workflow

  1. Create an XR project in D5 Render, add camera templates (Sandwich Shooting Method).

Please refer to this guidance:

XR Tourchevron-right

After rendering is completed, upload the project to the MySpace Cloud Project Management Platform and submit it for 3D Gaussian Splatting (3D GS) training.

  1. After the training is completed, open the editor to adjust the PLY orientation.You can use the Crop Editor to trim the edges of the PLY file into a rectangular or circular shape.Once adjustments are complete, click Save and exit.

  1. Return to the MySpace Cloud Project Management Platform, go to Project → Download PLY File, and download the PLY file to your local machine.

hashtag
Cesium & D5 XR

Online Demo:

https://ion.cesium.com/stories/viewer/?id=62bb85cd-893c-46dd-b760-f81e14d5419farrow-up-right

  1. Open the Cesium Ionarrow-up-right platform and create a Cesium Story project.

  1. Locate the project’s real-world geographic position and enable the data layers required for display.

  1. Click Upload, select the D5 XR PLY file from your local machine, and upload it to Cesium Ion as a data source.

  1. After the upload is completed, click “Adjust Tileset Location”, then click “Click position”.Click in the browser’s 3D viewport to place the PLY model at the current geographic location.

  1. The added PLY file can be adjusted using Gizmos to fine-tune position and rotation so it matches the terrain.

  1. Add multiple slides to showcase different viewing angles of the project, and share the completed Cesium Story with clients via a link.

hashtag
Spline & D5 XR & Webflow

Online Demo:

https://architectural-design-3d-art.webflow.io/arrow-up-right

  1. Open the Splinearrow-up-right platform and create a new Spline project.

  1. Upload the D5 XR PLY file from your local machine into the Spline project. Wait for the file to finish loading (large files may take some time).

  1. After loading is complete, switch the view mode from Orthographic to Perspective.

  1. Adjust the viewing angle as needed.You may refer to official Spline tutorialsarrow-up-right to add interactive events.

  1. After editing is complete, you can either:

  • Share the project directly via URL

  • Embed it into your personal website using embed code.

  1. If the website is built with Webflow, select the Spline Scene component in Elements, and paste the Spline scene’s viewer link into the component settings.

hashtag
Gemini & D5 XR

Online Demo:

https://aistudio.google.com/apps/drive/1WPe-6MIuGFlhEbGKo7RqRAizpKCqzL21?fullscreenApplet=true&showPreview=true&showAssistant=truearrow-up-right

  1. Open Google AI Studioarrow-up-right. You can use a D5 XR online link or a locally exported PLY file to create a custom 3D digital twin presentation application.

  1. You may refer to the following initial prompt example:

circle-exclamation

I want to create a web-based 3D architectural digital twin dashboard. The overall interface layout should match the reference image “D5 Render XR Studio INTERFACE.png”. The dashboard consists of three core modules:

  1. Top Navigation Bar The top bar includes: Left side: Company or product logo, Project name

    Right side:A set of tab buttons; A drawer menu (expandable); The tab buttons contain three options:3D, Tour, Geo. When switching between tabs, the embedded iframe content inside the canvas must update synchronously according to the selected tab.

  2. Sidebar (Project Information Panel) The sidebar displays project introduction content for the current project. The text content comes from a file named “Project.txt.”

    The layout and typography should be generated based on the structure and meaning of the text. The UI style has a technological feel.

    Numerical or data-driven sections may be visualized using charts or infographics

    Under the heading “Project Overview”, add a carousel (slideshow) component: The carousel displays images from my upload files “1.jpg” to “4.jpg.”Images should support click-to-view in full-screen mode. Smooth transitions and modern interaction behavior are preferred

  3. Iframe Canvas (Main Viewport) The main canvas area contains an embedded iframe.The iframe source should change dynamically based on the selected tab:

3D → https://share.d5render.com/team-api/shortLink/SAKZC5arrow-up-right

Tour →https://share.d5render.com/team-api/shortLink/C6TE3Qarrow-up-right

Geo → https://ion.cesium.com/stories/viewer/?id=6f16027d-ca89-491a-891c-8628002cc00carrow-up-right

Only one iframe is visible at a time, and switching tabs updates the iframe source accordingly.

  1. UI / Visual Style Requirements The UI design should follow current modern design trends. Clean layout, high readability, and user-friendly interactions

Appropriate use of: Subtle animations, CSS visual effects, Smooth transitions. The interface should feel professional, polished, and suitable for architectural visualization and digital twin presentation

  1. After refining the UI through multiple conversation iterations and achieving a satisfactory result, deploy your project using Google AI Studio.

PreviousXR TourNextD5 Render Tour Editor

Last updated