WebGL/Three.js Engineer (3D Graphics & Rendering)
Job Description
WebGL/Three.js Engineer (3D Graphics & Rendering)
Strict Mandatory Criteria (Non-negotiable)
Eclectic Technolabs is hiring for its client — a cutting-edge SaaS platform revolutionizing 3D visualization and immersive experiences. Join a high-performance graphics engineering team backed by NVIDIA, Microsoft, and Google.
⚠️ Mandatory Screening Criteria:
- Minimum 4 to 8 years in graphics programming with deep WebGL/OpenGL knowledge
- Strong understanding of the full rendering pipeline
- Strong TypeScript skills + React.js knowledge
- Expert in OpenGL Shading Language (GLSL)
- Mastery of Physically Based Rendering (PBR)
- Ability to build custom WebGL engines from scratch
- Preferred candidates from SAAS / software / IT Service startups or scale-ups only (MNC / Big 4 not applicable)
Role Overview
We’re hiring a WebGL/Three.js Engineer who is passionate about 3D rendering and browser-based visual experiences. You’ll own the rendering pipeline — from 3D asset ingestion to advanced shaders and real-time lighting, building high-performance, photorealistic 60fps experiences across devices.
What You’ll Build
1. 3D Rendering & Visualization
- Develop and optimize real-time 3D viewers running at 60fps across devices
- Implement advanced rendering: PBR, IBL, shadows, reflections
- Create custom shaders for metals, glass, fabrics, transparency
- Add post-processing effects: bloom, AO, depth of field, color grading
- Build interactive 3D configurators with real-time customization
2. Performance Optimization
- Implement LOD systems, shader optimization, compression pipelines (KTX2/Basis)
- Frustum & occlusion culling, instancing, batching, GPU memory profiling
- Adaptive quality settings based on device capabilities
3. 3D Asset Pipeline & Tools
- Build loaders for glTF, USDZ, OBJ, FBX; asset optimization (UV mapping, texture atlasing)
- Mesh-processing tools: decimation, smoothing, tangents
- Progressive loading, caching, streaming systems
4. Interactive Controls & WebXR
- Camera systems (orbit, pan, zoom), gestures for mobile, 360° viewers
- Implement WebXR VR/AR experiences, AR Quick Look, environment lighting estimation
- Hotspots, annotations, measurement tools, screenshot capabilities
Technical Stack
WebGL 1.0/2.0OpenGL ESGLSL
glTF 2.0 / USDZThree.jsBabylon.js
TypeScriptReact / Next.jsVite / Webpack
Draco / meshoptimizerKTX2/BasisGPU profiling
WebXR / AR.jsBlender / RenderDoc
What We’re Looking For
- Must-have: 5-8+ years graphics programming, expert GLSL, PBR mastery, custom WebGL engine experience, solid 3D math (matrices, quaternions)
- Highly Desirable: E-commerce/3D configurator experience, WebXR, mobile optimization, GPU compute, open-source contributions
Technical Challenges You’ll Tackle
- Photorealistic 60fps on mobile browsers
- Sub-second loading for complex 3D models
- Realistic shaders for jewelry, fabric, metal, glass
- Adaptive rendering across low-end to high-end devices, AR blending
Why Join?
Pure graphics engineering — pushing WebGL limits. Work with NVIDIA, Microsoft, Google backed firm. High-performance culture, access to high-end GPUs, and ownership of advanced rendering pipelines.
Pure graphics engineering — pushing WebGL limits. Work with NVIDIA, Microsoft, Google backed firm. High-performance culture, access to high-end GPUs, and ownership of advanced rendering pipelines.
