Model · London shopfronts
Shopfront planter box
A shopfront planter box about 0.88 m wide, 0.86 m tall and 0.40 m deep, with one unit equal to one metre. It is a single GLB from the London shopfronts pack, and four assemblies use it: the corner cafe, mini market, shopping parade and restaurant front.
It works as street dressing beside the pack's awnings, A-board, cafe table and chair. The three named material slots are shop paint, soil and leaves, so each can be recoloured on its own. There are no textures in the file, only PBR colour slots on UV-mapped geometry.
Detail levels are 960 triangles at high, 456 at medium and 204 at low. Place the low level when repeating planters along a long parade, and keep high for ones near the camera. The model is safe to instance with InstancedMesh.
A component from the London shopfronts pack, with named material slots for shop paint, soil and leaves. It measures about 0.88 m × 0.86 m × 0.40 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 4 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.
Free: this model is in the free London Street Starter, with a working three.js example scene.
Get it free in the London Street StarterIncluded in London shopfronts (£19), which contains 34 component models and 4 assemblies.
See the pack| High detail | 960 triangles · 30 KB |
|---|---|
| Medium detail | 456 triangles · 18 KB |
| Low detail | 204 triangles · 10 KB |
| Size (W × H × D) | 0.88 m × 0.86 m × 0.40 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | None: PBR colours only, UV-mapped for your own |
| Material slots | shop paint, soil, leaves |
| Sockets | mount-origin |
| Era | victorian, contemporary |
| On mobile | Start with the low level (204 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-shopfronts-planter-box/high-london-shopfronts-planter-box.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
