3D Models

In order to create an immersive and memorable 3D personalisation experience for your customers, you need 3D models. A compiled 3D object in the .glb format, containing its mesh, materials, animations and textures, is an invaluable asset for displaying realistic replicas of your products that customers can interact with and adjust in real-time on their devices with ease – all on the web.

3D models are not limited by the real world like typical 2D product photography, which gives you, the merchant, a variety of advantages, expanding the capability of displaying your products in various creative ways.
spiff tag huer ck1112

Any product within the product space can be digitized into a 3D model, everything from apparel to automotive to kitchenware – it’s all possible.

3D model technical requirements for the web.

In order for a smooth and efficient customer experience, your 3D models need to be created respective of a few key principles. Listed below are the technical requirements for Spiff 3D models and 3D models created for the web.

Vertices: upper limit of 60-80k, but more can be used with simpler textures. Lower is always better.
File format: .glb (GL Transmission Format Binary file).
File Size: 10 MB or less, including all textures and animations for a smooth experience.
File Names: use filenames that make sense for your product.
Texture file format: JPG preferred.
Textures size: 4k limit, under 1Mb per texture preferred.
Texture workflow: Compiled ORM/metalness textures.
Texture design: seamless where applicable.
UV maps: Non-overlapping where possible, and unwrapped to your forms/designs. Single channel UV.
Mesh: Quad based (will be converted to tris once exported to GLB).
Normals: applied normals with correct face orientation.
Quality: Clean quad-based modelling with good topology, without unnecessary loops or vertices.
Scale: Applied real scale in millimetres or inches depending on the product rather than random scale (Eg 20mm, rather than 90000mm)
Transform orientation: Z+ Forward applied at 0,0,0.

Spiff adds textures to the base color channel rather than actually changing the base color hex value itself. Models must be exported with a white basecolor (#FFFFFF). If a texture is connected to this channel, disconnect it and verify that the underlying base color node is white. A black or dark base color, even gray (excluding the actual texture) will wash out and make the model appear dark.

Custom Properties supported by Spiff

  • useDepthPrePass – With a value of 1, this will force the Depth Pre Pass setting in the Spiff editor to enable. (Object Property)
  • mirrorTexture – and adaptiveBlurKernal, used to blur the mirror (Object property)
  • useParralax – (Material Property) enables Parallax Mapping over Bump texture
  • translucencyR (Red channel of translucency tint)
  • translucencyG (Green channel of translucency tint)
  • translucencyB (Blue channel of translucency tint)
  • refractionIOR (Material Property) – adjusts the Index of Refraction for refraction-enabled models. Use the Transmission slider in Blender’s Principled BSDF node to enable refraction on export.
  • hidden – Hides and objects from post-order renders/brochures. (Object property)

If you use translucency R, G or B you must specify all 3

Home » Documents » Content » Assets » 3D Models