
Model · Civic buildings
Civic steps
A component from the Civic buildings pack, with named material slots for civic stone. It measures about 3.60 m × 0.45 m × 1.35 m (W × H × D) and comes as high, medium and low detail files. Place it on its own or snap it to other modules by its sockets.
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 Civic buildings (£19), which contains 58 component models and 4 assemblies.
See the pack| High detail | 292 triangles · 70 KB |
|---|---|
| Medium detail | 124 triangles · 41 KB |
| Low detail | 36 triangles · 13 KB |
| Size (W × H × D) | 3.60 m × 0.45 m × 1.35 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 3 embedded in the GLB |
| Material slots | civic stone |
| Sockets | mount-origin |
| Era | victorian, edwardian |
| On mobile | Start with the low level (36 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-civic-civic-steps/high-london-civic-civic-steps.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket






