Model · London shopfronts
Projecting shop sign, round
The round projecting shop sign is a small bracket-mounted sign from the London shopfronts pack, about 0.09 m wide, 0.88 m tall and 0.89 m deep, with one unit equal to one metre. Its thin width means it reads as a disc hanging from a wall. It is used in three assemblies: Corner cafe, Shopping parade and Restaurant front. Named material slots are iron, shop paint and sign lettering, so the bracket, sign face and lettering can be recoloured apart. It has no textures, only PBR colour slots with UV mapping.
Triangle counts are 156 at high, 108 at medium and 84 at low, which is very light. It is safe to instance with InstancedMesh, so repeating it along a parade costs little.
A component from the London shopfronts pack, with named material slots for iron, shop paint and sign lettering. It measures about 0.09 m × 0.88 m × 0.89 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 3 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.
Included in London shopfronts (£19), which contains 34 component models and 4 assemblies.
See the pack| High detail | 156 triangles · 8 KB |
|---|---|
| Medium detail | 108 triangles · 7 KB |
| Low detail | 84 triangles · 7 KB |
| Size (W × H × D) | 0.09 m × 0.88 m × 0.89 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 | iron, shop paint, sign lettering |
| Sockets | mount-origin |
| Era | victorian, contemporary |
| On mobile | Start with the low level (84 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-projecting-round/high-london-shopfronts-projecting-round.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
