Lead Graphics Engineer - Web 3D (WebGPU Three.js TypeScript)

Role summary: We're a visualization studio building interactive, real-time 3D experiences for the web - and we care about one thing above all else: the image on screen. Our ambition is to deliver the most advanced real-time graphics the browser can produce, across a spectrum of devices from high-end desktop GPUs down to iPads, and to stay on the leading edge of the WebGPU era.

You'll be the technical authority on everything visual - the render pipeline, materials, shaders, and the performance that makes it run smoothly - while writing the kind of frontend code that gets it into users' hands. If you get excited by pulling a near-film-quality frame out of a tile-based mobile GPU, or by building a postprocess stack on WebGPU compute, this role is for you.

Responsibilities

• Rendering architecture & quality. Design and implement our render pipeline end to end - PBR materials, a composable postprocess stack (SSAO, SSGI, SSR, bloom, DOF, TAA), HDRI/IBL lighting, and a correct linear-color → tone-mapping (ACES / AgX) workflow.
• The render graph / pass system. Define how passes are ordered and composed, how the G-buffer and MRT targets are laid out, and how passes share data — and keep it maintainable as it scales.
• The GLB / material pipeline. Own material-slot conventions, the finish/variant system, and runtime material switching, working in lockstep with the asset team.
• Shaders. Write and maintain the shader and node-material code (TSL / WGSL / GLSL) where the stock toolset isn't enough - and have the judgment to know when it isn't.
• Renderer ↔ product integration. Architect how the 3D layer lives inside a real React + TypeScript application - clean APIs, sane state, and app-level performance, not just GPU performance.
• Performance across devices. Hit and hold our frame budgets on constrained hardware (e.g. iPad: 30+ FPS with the full postprocess stack), backed by a scalable quality system that adapts to device capability.