Three.js · GLTF / GLB model · WebGL

Gary the gorilla in 3D

The Rep Recorder mascot as a 3D model. Drag to spin him round, scroll or pinch to zoom, or let him turn on his own with Auto-rotate.

🌴 In the brainrot craze of 2025 Gary took to wearing a palm tree on his head and calling himself Konk Konk Coconutini.

Loading Gary (6.5 MB)…

Drag: rotate · Scroll or pinch: zoom · Right-drag or two fingers: move

Lighting

Back Front L R

Drag the sun: round the circle to turn,
towards the middle to raise it overhead

Sun (directional light)

Brightness Turn Height Colour

Fill

Sky and ground Ambient

How it works

Gary is one model.glb file (glTF binary: the mesh and its textures together).
Three.js loads it with GLTFLoader; if a model has animations, the first one plays through an AnimationMixer (and a Pause button appears).
OrbitControls turns mouse and touch drags into camera moves.
No build step: Three.js comes from a CDN through an import map, and the page is hosted on GitHub Pages.

Where Gary lives

He's the mascot of Rep Recorder, the gym workout logger, where he cheers you on with slogans.