The Browser Lab: 3D Editor

2024·Product Designer, UX Engineer

Project overview

The Browser Lab is a browser-based 3D editor for building interactive scenes and experimenting with physics, animation, shaders, and AI-assisted workflows. It combines scene editing, a timeline, and code and material tools in a real-time prototyping environment.

Key work

  • Architected the editor using React and Three.js with full scene graph and transform controls
  • Designed UX for the animation timeline, keyframe system, and shader editor
  • Integrated code and material editors for real-time customization
  • Designed and implemented AI-assisted workflows using Supabase + OpenAI/Stability API
  • Implemented physics simulation with Rapier, supporting dynamic, static, and kinematic bodies