Description :

Role Overview :

Were 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 youll 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 Youll Build :

3D Rendering & Visualization :

- Develop and optimize 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, color grading

- Build interactive 3D configurators with real-time customization

Performance Optimization :

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

- Implement LOD systems, shader optimization, 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

3D Asset Pipeline & Tools

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

- Implement asset optimization: UV mapping, normal maps, texture atlasing

- Create mesh-processing tools: decimation, smoothing, tangents

- Build progressive loading, caching, and streaming systems

- Develop debugging and visualization tools for asset inspection

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

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

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 customization

Technical Stack:

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

Frontend & Web

- JavaScript / TypeScript

- React, Next.js, familiarity with Vue

- Webpack, Vite, Rollup

- Jest, Cypress

Performance

- Chrome DevTools, WebGL Inspector, GPU profilers

- Draco, meshoptimizer, KTX2/Basis

- Cloudflare, AWS CloudFront

Collaboration :

- Git/GitHub

- Technical documentation: shaders, specs, APIs

What Were Looking For :

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, texture workflows

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

- Ability to build custom WebGL engines from scratch

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 Youll Tackle :

- Achieving photorealistic 60fps rendering on mobile browsers

- Sub-second loading for complex 3D models

- Realistic shaders for different materials (jewelry, 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