Playgrounds — surface circle

A component from the Playgrounds pack, with named material slots for recreation accent and recreation paint. It measures about 1.50 m × 0.05 m × 1.50 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	732 triangles · 55 KB
Medium detail	292 triangles · 24 KB
Low detail	128 triangles · 14 KB
Size (W × H × D)	1.50 m × 0.05 m × 1.50 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	recreation accent, recreation paint
Sockets	mount-origin
Era	2020s
On mobile	Start with the low level (128 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-surface-circle/high-playgrounds-surface-circle.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket