Model · East London housing
Brick projecting bay
A projecting brick bay from the East London housing pack, about 3.00 m wide, 3.20 m tall and 1.23 m deep, with one unit equal to one metre. It is a single GLB, used in two assemblies: the mixed-use housing block and the projecting-bay housing block.
The pack also holds a glazed bay, balcony parts, corner windows and corner retail units, so the bay can be placed alongside them in a block of your own. Four named material slots, wick masonry, wick glass, wick metal and wick stone, let you recolour each part of the bay, and ten textures are embedded.
Detail levels are 864 triangles at high, 416 at medium and 180 at low. A long street of bays is best served by the medium or low level, with high kept for frontages close to the camera. The model is safe to instance with InstancedMesh.
A component from the East London housing pack, with named material slots for wick masonry, wick glass, wick metal and wick stone. It measures about 3.00 m × 3.20 m × 1.23 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 2 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 East London housing (£19), which contains 20 component models and 4 assemblies.
See the pack| High detail | 864 triangles · 163 KB |
|---|---|
| Medium detail | 416 triangles · 99 KB |
| Low detail | 180 triangles · 39 KB |
| Size (W × H × D) | 3.00 m × 3.20 m × 1.23 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 10 embedded in the GLB |
| Material slots | wick masonry, wick glass, wick metal, wick stone |
| Sockets | mount-origin, stack-top, stack-bottom, edge-e, edge-w |
| Era | 2020s |
| On mobile | Start with the low level (180 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/hackney-wick-housing-brick-projecting-bay/high-hackney-wick-housing-brick-projecting-bay.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
