TheStaffingCircle

Job Description

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 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.

2. 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

3. 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

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 customization

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

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 (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

Location & Work Culture:

• Bengaluru (HSR Layout)
• 6 days a week, (5 days-in-office, Saturdays WFH)
• Culture: performance-focused, graphics craftsmanship, high attention to detail
• Small, senior engineering team with deep expertise
• Access to GPUs, testing devices, and 3D tools

SF002

Please follow and like us: