Turntable Product
The turntable feature in the plugin allows you to create an image sequence of a product mesh based on specified angle intervals. This sequence can later be utilized in web applications to implement a turntable feature, showcasing the product from different angles.
To use the turntable rendering feature, ensure that the product has a Click Type Action Model attached to it, and that the Content type of the action model is set to PDP. This prerequisite must be met before using the turntable rendering feature. You can add them as shown here.
(Note: When using the turntable feature, set "Enable Alpha Channel Support in Post Processing" to "Allow Through Tone Mapper" under Project Settings -> Rendering to render the turntable sheet without a background. After using this feature, you may want to turn it off as it is 30% more cost-efficient than normal rendering.)
Creating a turntable product
Selecting the mesh
Under the "Quick Stitch Interactable Turntable Mesh" option, choose the mesh you want to render. This action will open a menu.
Setting Rendering Options
- In the menu, select the number of frames you wish to render from the dropdown menu.
- Additionally, select the cube map texture used in the skylight and adjust the skylight intensity as desired.
- Adjust the camera distance from the product using the slider, which determines the space the product occupies in each frame.
- Set the initial rotation of the product using the Product Rotation slider.
- Define the camera's tilt angle using the drop-down menu, where zero represents a straight view, 90 represents a top-down view, and intermediate values are angles between the two.
- You can select from three camera configurations for rendering: Standard, Orthographic, and Cine camera.
- You can preview the first frame and adjust the camera distance, camera angle, and initial product rotation using this feature. To see the preview, click the "Show Preview" button.
Initiating Rendering
- Once the options are set, click on the "Render Turntable Sequence" button to start the rendering process.
Rendering Process
- The rendering process captures individual frames of the mesh.
- It then stitches these frames into a sprite sheet.
- Finally, it uploads the sprite sheet to the server.
Integration with PDP Model
The URL of the uploaded sprite sheet is then populated to the Product Detail Page (PDP) model.
This URL is used in a Click Type Action Model attached to the product.
The AR model allows you to visualize 3D models within the experience.
To create a new AR model, follow these steps:
- Right-click in the Content Browser.
- Go to Miscellaneous → Data Asset.
- Search for "ARModel" and select the corresponding type.
- Click "Create" to generate the asset.
- The AR Data Asset contains all necessary configurations for the AR Viewer.
Key | Description |
MeshURL | The URL or references for the 3D Mesh to display in the AR model. |
iFrame Model
The iFrame model allows you to embed websites or iframes within the experience.
To create a new iFrame model, follow these steps:
- Right-click in the Content Browser.
- Navigate to Miscellaneous → Data Asset.
- Search for "iFrame" and select the appropriate type.
- Click "Create" to generate the asset.
- The iFrame Data Asset contains all necessary configurations for the iFrame Viewer.
Key | Description |
URL | The URL or references for the web page to display in the iFrame model. |
Media Model
The Media model allows you to embed videos and images within the experience.
To create a new Media model, follow these steps:
- Right-click in the Content Browser.
- Navigate to Miscellaneous → Data Asset.
- Search for "Media" and select the appropriate type.
- Click "Create" to generate the asset.
- The Media Data Asset contains all necessary configurations for the Media Viewer.
Key | Description |
URLs | The URL or references for the Videos, Images to display in the Media model. |
Automated Action Model Creation Process
To streamline the process of creating action models, assets, and attaching them to interactables, we now support direct editing within the Details Panel of interactables placed in the scene.
Using the Action Type dropdown, you can specify the type of interactable action. Once selected, the relevant properties will appear below the dropdown for configuration. This automatically creates and attaches the corresponding action models and action type assets to the interactable, significantly reducing the number of steps required.
If you forget to save your action models or action type assets, you can simply clear the action models array on the interactable and make a slight modification to any Action Type property. This will automatically regenerate the entire asset.
Help & Support
If you have questions, suggestions, or feature requests, please join the Official Emperia Discord channel!
You can find support here through private support tickets or general conversation. You will also have the opportunity to showcase your work and chat with like-minded individuals across industries using Creator Tools, Unreal Engine, those creating immersive experiences, and more!
If you prefer, you can also reach out to us via email.