Model · London terraced houses
Canted bay window
A canted bay window about 2.46 m wide, 2.80 m tall and 0.98 m deep, supplied as a single GLB. The facts list six named material slots: london stock, stone, glass, painted timber, recess and slate, so a developer can recolour brick, stonework and glazing separately. It carries 11 embedded textures.
It is the feature that defines several terraces in the London terraced houses pack. Seven assemblies use it, among them the two-storey bay-fronted terrace, the soot-blackened, yellow stock and painted stucco houses, and the dressed and varied rows. The pack also has stacked bay windows in base, middle and top storeys for taller fronts.
Triangles run from 3,080 at high to 1,352 at medium and 452 at low. Use the low level for a long street of repeated bays. The model is safe to instance with InstancedMesh.
A component from the London terraced houses pack, with named material slots for london stock, stone, glass, painted timber, recess and slate. It measures about 2.46 m × 2.80 m × 0.98 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 7 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 terraced houses (£24), which contains 42 component models and 10 assemblies.
See the pack| High detail | 3,080 triangles · 335 KB |
|---|---|
| Medium detail | 1,352 triangles · 121 KB |
| Low detail | 452 triangles · 42 KB |
| Size (W × H × D) | 2.46 m × 2.80 m × 0.98 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 11 embedded in the GLB |
| Material slots | london stock, stone, glass, painted timber, recess, slate |
| Sockets | mount-origin |
| Era | victorian, contemporary |
| On mobile | Start with the low level (452 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-residential-bay/high-london-residential-bay.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
