Model · Civic buildings
Civic canopy
A component from the Civic buildings pack, with named material slots for civic iron and glass civic window. It measures about 2.80 m × 0.53 m × 1.41 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 1 included assembly 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 Civic buildings (£19), which contains 58 component models and 4 assemblies.
See the pack| High detail | 566 triangles · 95 KB |
|---|---|
| Medium detail | 366 triangles · 16 KB |
| Low detail | 130 triangles · 9 KB |
| Size (W × H × D) | 2.80 m × 0.53 m × 1.41 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 5 embedded in the GLB |
| Material slots | civic iron, glass civic window |
| Sockets | mount-origin |
| Era | victorian, edwardian |
| On mobile | Start with the low level (130 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-canopy/high-london-civic-civic-canopy.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
