Logo
  1. Home
  2. Portfolio
  3. 3D Interactive Portfolio

© Joshua R. Lehman

Full Stack Developer

Crafted with passion • Built with modern web technologies

2025 • All rights reserved

3D PORTFOLIO

An experimental three-dimensional portfolio built with ThreeJS and Blender — exploring interactive scenes while keeping accessible fallbacks for broader device support.

ThreeJS ExperimentsInteractive ModelsAccessible Fallbacks
3D Portfolio — hero / scene
CODE

PROJECT DETAILS

3D Portfolio is an exploration of web-native 3D experiences using ThreeJS and Blender — a mix of model presentation, scene interaction, and graceful fallbacks for accessibility and performance.

Background

Built to experiment with presenting work in spatial contexts and to evaluate tradeoffs between immersion and broad device support.

Approach

Use optimized GLTF models, progressive loading, and provide accessible HTML fallbacks so content remains available to all users.

EXPERIMENTTHREEJS & BLENDER
JAVASCRIPTCSS3HTML5REACTREDUXTHREEJS

What I built

  • ThreeJS and Blender powered 3D portfolio experiment.
  • Exploration of interactive 3D scenes and model presentation.
  • Switched back to accessible layouts for broad device support.

Implementation highlights

  • GLTF model optimization and memory-conscious loaders.
  • Progressive scene hydration: static fallback → interactive scene.
  • Accessible fallbacks and semantic overlays for non-WebGL devices.

Design & Performance

Aim for small initial payloads, lazy load heavy assets, and provide clear affordances for interaction.

Accessibility

  • Semantic content fallbacks for screen readers.
  • Controls to disable or simplify animations for reduced motion preferences.

SCREENS

3D Portfolio — hero / scene