Model · London shopfronts
Shop door
The shop door is a single entrance model from the London shopfronts pack, about 1.12 m wide, 2.35 m tall and 0.35 m deep, at one unit to the metre. It is used in four assemblies: Corner cafe, Mini market, Shopping parade and Restaurant front. Four named material slots, shop paint, shop glass, brass and stone, let you recolour each part separately. It carries no textures, only PBR colour slots with UV mapping.
Detail levels are 716 triangles at high, 316 at medium and 116 at low. A door is usually seen up close at street level, so the high level is the one to use near the camera, with the lower two for distant rows of frontage. It is safe to instance with InstancedMesh, and in the pack it pairs with the fascias, awnings and shopfront frames.
A component from the London shopfronts pack, with named material slots for shop paint, shop glass, brass and stone. It measures about 1.12 m × 2.35 m × 0.35 m (W × H × D) and comes as high, medium and low detail files. 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| High detail | 716 triangles · 21 KB |
|---|---|
| Medium detail | 316 triangles · 14 KB |
| Low detail | 116 triangles · 8 KB |
| Size (W × H × D) | 1.12 m × 2.35 m × 0.35 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 | shop paint, shop glass, brass, stone |
| Sockets | mount-origin |
| Era | victorian, contemporary |
| On mobile | Start with the low level (116 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-door/high-london-shopfronts-door.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
