WebGL/Three.js Engineer

Description:

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:

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

Why Join Ctruh :

- 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