Model · East London industrial and pub fronts
Industrial shutter
The industrial shutter is a flat frontage panel from the East London industrial and pub fronts pack, about 2.58 m wide and 2.73 m tall but only 0.08 m deep, at one unit to the metre. It is used in the Brick bar front assembly. Two named material slots, fronts cladding and fronts metal, let you recolour the two surfaces independently.
The triangle counts are 3,988 at high, 1,652 at medium and 484 at low. Given how thin it is, the model is meant to be seen face on, so the lower levels make sense for distant rows of frontage. It carries 4 embedded textures and is safe to instance with InstancedMesh. In the same pack it sits alongside the corrugated uppers, industrial copings and courtyard gate pieces.
A component from the East London industrial and pub fronts pack, with named material slots for fronts cladding and fronts metal. It measures about 2.58 m × 2.73 m × 0.08 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 | 3,988 triangles · 169 KB |
|---|---|
| Medium detail | 1,652 triangles · 87 KB |
| Low detail | 484 triangles · 28 KB |
| Size (W × H × D) | 2.58 m × 2.73 m × 0.08 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | 4 embedded in the GLB |
| Material slots | fronts cladding, fronts metal |
| Sockets | mount-origin |
| Era | 2020s |
| On mobile | Start with the low level (484 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-industrial-shutter/high-hackney-wick-fronts-industrial-shutter.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
