Loading selected SKU…
Mesh
Loading selected SKU…
0 of 2 SKU images loaded. Saved images load on selection.
Current code
Updates with this demo’s settings. In your site, set these props in your codebase—not through a built-in GUI.
<vertcie-image id="image-mesh-task-chair"></vertcie-image>
<script type="module">
import "https://cdn.vertcie.com/runtime/image/v0.1.1/index.js";
document.getElementById("image-mesh-task-chair").configuration = {
"src": "/images/demo-defaults/696494f2e91b4f6ef69700192d49cc89b8a92b982ba2d1725c822033fa1d1f7b.webp",
"endpoint": "https://www.vertcie.com",
"publishedFileId": "98e8dddd-2d10-487a-b3b4-d022256d2e41",
"signature": "L116BN10AU10XFSHNSC",
"alt": "Mesh, 0 degree rotation",
"view": "front",
"fieldOfView": 11,
"rotation": 0,
"width": 640,
"height": 640,
"framingScale": 1,
"environmentPath": "https://cdn.vertcie.com/hdri/two_point_studio.hdr",
"environmentRotation": 126,
"transparent": false,
"background": "#f1f0ee",
"pathtracer": true,
"backdrop": {
"enabled": true,
"color": "#f1f0ee",
"glossiness": 0.35,
"filletRadius": 0.1,
"width": 8,
"height": 6,
"depth": 8
},
"samples": [
512,
512
],
"maxRenderTimeMs": 300000,
"tiles": 8,
"boardId": "7906309b-2d70-4f6b-b9ba-7e8895f834e8",
"store": false,
"renderIfMissing": false
};
</script>