Role Overview :

We're hiring a WebGL/Three.js Engineer who is passionate about 3D rendering and browser-based visual experiences. This is a hands-on WebGL/Three.js role where you'll own the rendering pipeline - from 3D asset ingestion to advanced shaders and real-time lighting.

You will build high-performance, photorealistic, and smooth 60fps experiences across devices, crafting custom rendering solutions that push the limits of WebGL.

What You'll Build :

1. 3D Rendering & Visualization :

- Develop and optimise real-time 3D viewers running at 60fps across all devices

- Implement advanced rendering : PBR, IBL, shadows, reflections

- Create custom shaders for metals, glass, fabrics, transparency, and complex materials

- Build dynamic lighting systems for photorealism

- Implement AR placement and real-world environmental rendering

- Add post-processing effects : bloom, AO, depth of field, colour grading

- Build interactive 3D configurators with real-time customisation

2. Performance Optimisation :

- Optimise 3D asset loading for near-instant initial render

- Implement LOD systems, shader optimisation, and efficient resource usage

- Use compression pipelines : geometry, textures, KTX2/Basis

- Implement frustum & occlusion culling, instancing, and batching

- Profile GPU memory, draw calls, and shader performance

- Build adaptive quality settings based on device capabilities

3. 3D Asset Pipeline & Tools :

Build loaders/parsers for glTF, USDZ, OBJ, FBX

Implement asset optimisation : UV mapping, normal maps, texture atlasing

Create mesh-processing tools : decimation, smoothing, tangents

Build progressive loading, caching, and streaming systems

Develop debugging and visualisation tools for asset inspection

4. Interactive Controls & UI Features :

- Implement camera systems : orbit, pan, zoom, animated transitions

- Build gestures for mobile : pinch, rotate, drag

- Create 360- product viewers with fluid interactions

- Add hotspots, annotations, measurement tools, and view presets

- Enable screenshot and recording functionalities

5. WebXR & AR Experiences

- Implement WebXR VR/AR experiences directly inside browsers

- Build AR Quick Look integration for iOS

- Integrate AR.js / 8th Wall for seamless web AR

- Implement environment lighting estimation and hit testing

- Build cross-platform AR for iOS + Android

6. Graphics Systems Architecture

- Architect custom WebGL rendering solutions from scratch

- Build material/shader libraries and rendering modules

- Create scene graph management systems

- Build modular systems with reusable rendering utilities

- Design APIs for frontend integration and customisation

Technical Stack :

1. Graphics & Rendering

- WebGL 1.0/2.0, OpenGL ES, GLSL

- 3D formats : glTF 2.0, USDZ, OBJ, FBX, Collada

- Tools : Blender, RenderDoc, Spector.js

- Texture tools : Sharp, ImageMagick, compression utilities

2. Frontend & Web :

- JavaScript / TypeScript

- React, Next.js, familiarity with Vue

- Webpack, Vite, Rollup

- Jest, Cypress

3. Performance :

- Chrome DevTools, WebGL Inspector, and GPU profilers

- Draco, meshoptimizer, KTX2/Basis

- Cloudflare, AWS CloudFront

4. Collaboration :

- Git/GitHub

- Technical documentation : shaders, specs, APIs

What We're Looking For :

1. Must-Haves :

- 5 to 8+ years in graphics programming with deep WebGL/Three.js knowledge

- Strong understanding of the full rendering pipeline

- Expert in GLSL : vertex, fragment, compute shaders

- Mastery of PBR, material systems, and physically accurate lighting

- Proven experience building high-performance 3D web apps

- Strong JavaScript/TypeScript skills

- Solid understanding of 3D math : matrices, vectors, quaternions

- Experience with 3D formats, UV mapping, and texture workflows

- Ability to debug GPU issues and optimise across browsers/devices

- Ability to build custom WebGL engines from scratch

2. Highly Desirable

- Experience with Three.js/Babylon.js (plus, not required)

- E-commerce and 3D configurator experience

- WebXR development experience

- Strong mobile optimization knowledge

- Experience with GPU compute, GPGPU

- Familiarity with Unity/Unreal internals

- Background in advanced rendering research

- Knowledge of ray tracing, path tracing

- Experience with photogrammetry or 3D scanning

- Open-source graphics contributions

Technical Challenges You'll Tackle :

- Achieving photorealistic 60fps rendering on mobile browsers

- Sub-second loading for complex 3D models

- Realistic shaders for different materials (jewellery, fabric, metal, glass)

- Adaptive rendering across low-end to high-end devices

- Seamless AR blending of virtual + real environments

- Managing thousands of product SKUs with diverse materials

- Debugging GPU issues across browsers, devices, and GPU vendors

Why Join this Client :

- Pure graphics engineering - not generic frontend work

- Solve deep rendering challenges that push WebGL limits

- Create visually stunning work seen by millions

- Work with modern WebGL 2.0 capabilities

- Freedom to experiment with advanced graphic techniques

- High-performance engineering culture

- Your rendering work directly influences customer engagement

- Access to high-end GPUs, devices, and graphics tools

- Backed by NVIDIA, Microsoft, and Google