3D Developer Room

An interactive WebGL environment demonstrating model loading, custom lighting, and skeletal animations.

Technical Features

GLTF & DRACO Loading

Models are compressed via Google's Draco library for ultra-fast load times over network, then decompressed client-side to render high-detail furniture and programming icons.

Realistic Lighting

Uses physically-based rendering (PBR) featuring a custom point light acting as a desk lamp and a soft hemispherical ambient light source casting soft wireframe shadows.

Skeletal Animations

Features a loopable keyframe animation mixer running at 60 FPS that handles the skeletal deformation of the main character model as they type away at their desk.

Three.js
WebGL
Draco Loader
PBR Materials