Job Title: Senior WebGL/Three.js/Babylon.js Developer
Salary:₹20-30 LPA
Experience:4-9 yrs
Location: Bengaluru
Education: Graduation
Industry: SAAS
Skills Required: React, TypeScript, WebGL, Three.js, Babylon.js, OpenGL
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
Why Join Us:
- 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 top notch Global brands
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
Mandatory Criteria
- Minimum 4 to 8 years in graphics programming with deep WebGL/OpenGL knowledge
- Strong understanding of the full rendering pipeline
- Strong TypeScript skills
- Should know React.js
- Expert in OpenGL Shading Language
- Mastery of Physically Based Rendering
- Ability to build custom WebGL engines from scratch
- Preferred candidates from SAAS or software or IT Service based Startups or Scale up companies only
No comments:
Post a Comment