Model · London shopfronts
Brick side infill beside a shopfront
A component from the London shopfronts pack, with named material slots for london stock. It measures about 1.98 m × 3.00 m × 0.22 m (W × H × D) and is already minimal, so all three detail files share one geometry. Place it on its own, or load one of the 5 included assemblies 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| Detail levels | One geometry at every level: 12 triangles is already the minimum for this piece. All three files are included so your loading code can treat it like any other model. |
|---|---|
| Size (W × H × D) | 1.98 m × 3.00 m × 0.22 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 2 embedded in the GLB |
| Material slots | london stock |
| Sockets | edge-left, edge-right |
| Era | victorian, contemporary |
| On mobile | Start with the low level (12 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-side-infill/high-london-shopfronts-side-infill.glb');
scene.add(model); // 1 unit = 1 metre, origin at the base
