Senior WebGL/Three.js/Babylon.js Developer

A reputed company that offers a platform to effortlessly design,construct, and navigate 3D spaces is looking to hire a Senior WebGL/Three.js/Babylon.js Developer.

Industry - SAAS Function - IT Work Experience: 4-9 yrs Work Location - Bengaluru Mode: ONSITE (6 days a week) Qualification/Education: Graduation Salary: 20-30 LPA Age Limit: 32 yrs Notice Period - 15 days

Preferred Skills - React, TypeScript, WebGL, Three.js, Babylon.js, OpenGL Preferred Industries/Companies - SaaS

Role Overview

The firm is 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 This Company

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

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