Skip to main content

Creating a 3D embed

Upgrade to Team plan

This feature is only available for Team plan or higher.

RapidPipeline Cloud can create an embeddable 3D viewer and publish it for sharing publicly as a 3D viewer, or with AR/VR applications.

Creating a 3D embed is only possible for output models of 3D processor. Here is a quick step by step tutorial to walk through the process:

  1. Use the 3D Processor to make GLB and USDz outputs.
  2. Make sure the model is in the right real world scale. RapidPipeline Cloud provides a tool for this in the preview area.
  3. Go to the 3-dot menu of the output model, and click Create embed.
  4. Adjust scene settings and lighting as desired.
  5. Click Publish.
  6. Give the embed a name, then click Create Embed.
  7. The embed is now accessible with these options:
    • The URL for the web viewer is displayed, and can be copied.
    • Click View to see the web viewer.
    • Click iframe to see the HTML code for embedding.
    • Click QR Code to see and/or download a QR image, which links to the web viewer.
    • Click the trash can icon to remove the embed.
Important:

For maximum compatibility with both Apple and Android devices, make sure you output both .USDz and .GLB formats. USDz is required for viewing AR on an Apple device, because we invoke the native Apple renderer for AR. Likewise, GLB is required when using AR mode with an Android device, as we use Android's native AR renderer which requires a GLB asset. If your conversion only includes a GLB output, then you will see a 3D model in the main embed window (because this uses a WebGL viewer) but as soon as you attempt to view it in AR using an Apple device, the AR will fail to load. Creating both output formats will avoid this problem.

How to integrate?​

<iframe width= "100%" height= "600px" 
    src="https://api.rapidpipeline.com/viewer?id=oENGVtfbpy" frameborder="0"></iframe>
  1. Go to Published embeds page: https://app.rapidpipeline.com/published
  2. Click iframe or QR code button
    • For iframe method, add any styling you need into the iframe code like width or height
    • For QR code method, simply use the QR code image wherever you want your visitors to scan the code to initiate the 3D viewer