Question 1

Uploading 3D Models

Accepted Answer

Uploading 3D Models

Uploading 3D models to the Sayduck Platform is simple, either drag and drop your file(s) to the product page or click on Upload logo in Meshes.

Uploading & Processing

There is no hard product data size limit, but in general the maximum upload size is 50MB per 3D file (which might contain multiple parts). Files over this threshold will not be processed correctly.

Merge meshes/layers that share the same materials
10 geometries/meshes or less
200,000 polygons or less

For optimally performance of the 3D viewer and Augmented Reality, we do recommend to keep each products under 10MB, including textures and all. As a reference, iPhones start having serious difficulties in AR for models over 500k polygons.

| For more information, you should check out Preparing 3D assets for the Platform

Import formats

The Sayduck Platform supports the following formats: OBJ, FBX, GLB, GLTF, 3DS, 3MF, DAE and STL. We strongly recommend you use OBJ since it is our best supported and most tested format. GLB and GLTF are great alternatives which also support PBR materials.

Recommended file formats

.glTF (local, remote, embedded)
.glb
.obj+mtl

Other file formats (experimental)

.3ds
.3mf
.dae
.stl
.fbx

Meshes

Uploaded meshes will appear to your Meshes and

Question 2

Embed your products

Accepted Answer

Embedding a product in a 3D Viewer

You can embed Sayduck's 3D Viewer in your site in a matter of seconds.

Publish your product
Copy the embed code from the embed & export tab

Example embed code

<div class="sayduck-3d-viewer-container" style="min-height:450px;min-width:300px;width:100%;height:100%;" data-product-uuid="f2d88b70-120a-013a-bcd8-128799098bec" data-viewer-options='{"appearance":{"background":"gray"}}'> </div><script defer type="text/javascript" src="https://viewer.sayduck.com"></script>

And paste it to any HTML website.

If you do not have a website, you can test embedding the 3D viewer to https://jsfiddle.net

Additional options

There are customize options available when embedding the 3D Viewer in your website. All of these options can be found in the customize embed code tab and easily applied to the embed code.

Check out 3D Viewer Documentation for further information.

API integration

For more detailed information, check out our API documentation.

Viewer size

The viewer is fully responsive and mobile-compatible, so you can set the size best suited for your website. Of course, you can also

Question 3

Embed AR Files to your E-commerce Website

Accepted Answer

Embed USDZ files to any website

Experience AR content in Apple iOS 12 devices with USDZ files. These files use AR Quick Look and allow AR content to be viewed and shared on Safari, Messages, Mail and Files.

This feature requires the device to support ARKit. You can find a list of the supported devices from https://forums.developer.apple.com/thread/122024

Just Upload your .OBJ files to the Sayduck Platform and export them as USDZ.

Open Sayduck Platform and export your product as USDZ
Upload an image and the USDZ file to your server or media library
Add a link to the USDZ file (with rel="ar") and the image tag inside the link (see the code below).

<a href="http://example.com/file.usdz" rel="ar"> <img src="http://example.com/image.jpg"> </a>

Save and preview.

If you are having trouble, don't hesitate to contact us!

Embed GLB files to any website

Create AR content on Android devices with GLB files. These files use Google Scene Viewer and allow AR content to be viewed on Android devices.

Open Sayduck Platform and export your product as GLB
Add GLB file to your server or media library
Create an encoded link to your GLB file

Paste code below to your DevTools console to encode your URL:

encodeURIComponent('your-url-here')

Embe

Question 4

Configurator API

Accepted Answer

Configurator API

To communicate with Sayduck's 3D Configurator, you can use the JavaScript API, which is based upon plain JavaScript events.. In the following sections, we detail the available messages, and their data format. You can setup event listeners to catch the events and react appropriately.

Sayduck picker

The Sayduck picker is available for all our users. It will create an simple picker that you can customize and improve to fit your theme.

```

If you do not wish to build your own picker, here is the picker from the Shareable preview. You will only need to replace the product-uuid with your products uuid found in the embed code.

```

Custom picker

Listen to the Viewer

At load start, the configurator will output the following object with a

Question 5

3D Viewer Documentation

Accepted Answer

3D Viewer Documentation

Embed code

Additional options

Size

Background

Custom theme color

Action menu

Dimensions

Hiding the dimensions button

Showing dimensions on page load

Photo studio

Hide icon

Request image

Embed button

Annotations

Hiding the annotations button

Showing annotations on page load

Variants

#

Question 6

First Steps in the Platform

Accepted Answer

Building your first product

To create a Product in the Sayduck Platform, you need a 3D model. There are plenty of ways to create 3D models, but if you are in need of 3D modelling services, Contact us!

Here is a video that shows you how to build the Sayduck Tutorial product from the Sample 3D Files.

${youtube}

1. Preparing 3D assets for the Platform

The Sayduck Platform supports most of 3D file formats, but the recommended file format is .obj. Other great choices are glTF, GLB and FBX.

| For more information, check out Preparing 3D assets for the Platform

2. Upload your 3D asset

Create a New Product from the top right corner:

Upload your 3D asset:

Click the Upload icon in the meshes or,
Drag and drop your files on the page.

Uploaded meshes will appear to your Meshes and to your Scene. You can also choose to add additional meshes or meshes that you have deleted back to the scene.

| You can find more information from our Uploading 3D Models help article.

3. Edit your 3D Scene

Ones your model has been loaded you can m

Frequently Read Articles

Browse All Categories