Model · East London industrial and pub fronts
Courtyard pergola
A courtyard pergola measuring about 3.00 m wide, 2.89 m tall and 2.43 m deep, supplied as a single GLB. It has one named material slot, fronts timber, so the whole structure can be recoloured in one place. The file embeds 3 textures.
It is used in the Courtyard front assembly, where it sits with the pack's courtyard gates and courtyard portal. Those, along with the industrial brick bases and copings, are other components in the East London industrial and pub fronts pack that it pairs with.
The detail levels are 1,512 triangles at high, 616 at medium and 168 at low. The low level keeps a row of pergolas inexpensive, and the high level suits a closer look at one. The model is safe to instance with InstancedMesh.
A component from the East London industrial and pub fronts pack, with named material slots for fronts timber. It measures about 3.00 m × 2.89 m × 2.43 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 East London industrial and pub fronts (£24), which contains 45 component models and 5 assemblies.
See the pack| High detail | 1,512 triangles · 114 KB |
|---|---|
| Medium detail | 616 triangles · 62 KB |
| Low detail | 168 triangles · 18 KB |
| Size (W × H × D) | 3.00 m × 2.89 m × 2.43 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 | fronts timber |
| Sockets | mount-origin |
| Era | 2020s |
| On mobile | Start with the low level (168 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-fronts-courtyard-pergola/high-hackney-wick-fronts-courtyard-pergola.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
