Model · Community sports and courts
Turf tile
A component from the Community sports and courts pack, with named material slots for recreation turf. It measures about 4.00 m × 0.06 m × 4.00 m (W × H × D) and is already minimal, so all three detail files share one geometry. Place it on its own, or load one of the 7 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 Community sports and courts (£24), which contains 156 component models and 21 assemblies.
See the pack| Detail levels | One geometry at every level: 12 triangles is already the minimum for this piece. All three files are included so your loading code can treat it like any other model. |
|---|---|
| Size (W × H × D) | 4.00 m × 0.06 m × 4.00 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 | recreation turf |
| Sockets | mount-origin, floor-ground, edge-left, edge-right, edge-front, edge-back |
| Era | 2020s |
| On mobile | Start with the low level (12 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/sports-turf-tile/high-sports-turf-tile.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
