Playgrounds — grass mat

A component from the Playgrounds pack, with named material slots for recreation grass and recreation rubber. It measures about 2.00 m × 0.06 m × 2.00 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 Playgrounds (£19), which contains 102 component models and 12 assemblies.

See the pack

High detail	2,052 triangles · 180 KB
Medium detail	836 triangles · 62 KB
Low detail	228 triangles · 20 KB
Size (W × H × D)	2.00 m × 0.06 m × 2.00 m
Format	GLB (glTF 2.0 binary)
Compression	Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack
Textures	6 embedded in the GLB
Material slots	recreation grass, recreation rubber
Sockets	mount-origin
Era	2020s
On mobile	Start with the low level (228 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/playgrounds-grass-mat/high-playgrounds-grass-mat.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket