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