Bakery bread tray

A bakery bread tray about 0.73 m wide, 0.16 m tall and 0.41 m deep, with one unit equal to one metre. It is a single GLB from the London shopfronts pack, placed in the shopping parade assembly.

It belongs with the pack's street dressing, such as the pavement A-board, cafe table and chair, and barber's pole, and it fits the bakery lettering that the pack includes. The file has one named material slot, bread, which you can recolour. There are no textures, only PBR colour slots on UV-mapped geometry.

The triangle counts are 1,068 at high, 540 at medium and 276 at low. For a display with many trays the low level keeps the count down, and high is there for a close view. The model is safe to instance with InstancedMesh.

A component from the London shopfronts pack, with named material slots for bread. It measures about 0.73 m × 0.16 m × 0.41 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 1 included assembly that use it.

The picture is a studio render. View in 3D loads the GLB files themselves in three.js; switch between high, medium and low to compare.

Included in London shopfronts (£19), which contains 34 component models and 4 assemblies.

See the pack

High detail	1,068 triangles · 29 KB
Medium detail	540 triangles · 17 KB
Low detail	276 triangles · 10 KB
Size (W × H × D)	0.73 m × 0.16 m × 0.41 m
Format	GLB (glTF 2.0 binary)
Compression	Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack
Textures	None: PBR colours only, UV-mapped for your own
Material slots	bread
Sockets	mount-origin
Era	victorian, contemporary
On mobile	Start with the low level (276 triangles). What a phone can draw depends on your whole scene; no device benchmark is published yet.
Instancing	Safe to instance (InstancedMesh)

Load it in three.js

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { MeshoptDecoder } from 'three/addons/libs/meshopt_decoder.module.js';

const loader = new GLTFLoader().setMeshoptDecoder(MeshoptDecoder);
const { scene: model } = await loader.loadAsync('models/london-shopfronts-bread-tray/high-london-shopfronts-bread-tray.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket