Three.js & WebGL

3D web development

Try the models below. Rotate an object, change its material, or inspect the geometry in wireframe.

INTERACTIVE 3D MODELS01 — 03
01

Loading the 3D model…

Interactive Three.js demo
Geometry / Material / Light

Development approach

Interactive 3D, integrated into a website

These procedural models demonstrate my work with Three.js, materials, lighting, and browser interaction. The viewer loads on demand, supports keyboard controls, respects reduced motion, and pauses rendering when it is off screen.

Discuss a 3D web project
01

Product experiences

Interactive models, material choices, and details visitors can inspect for themselves.

02

Architectural visualization

Architectural studies and scenes that make movement part of the experience.

03

Part of the website

Responsive layouts, accessible controls, and useful content even when 3D isn’t available.

Original procedural studies · Three.js / WebGLBack to selected work