Senior WebGL/Three.js/Babylon.js Developer

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 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 60 FPS 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 that run at 60 FPS across devices

• Implement advanced rendering techniques including PBR, IBL, shadows, and reflections

• Create custom shaders for metals, glass, fabrics, transparency, and complex materials

• Build dynamic lighting systems for photorealistic rendering

• Implement AR placement and real-world environmental rendering

• Add post-processing effects such as bloom, ambient occlusion, depth of field, and color grading

• Build interactive 3D configurators with real-time customization

2. Performance Optimization

• Optimize 3D asset loading for near-instant rendering

• Implement LOD systems, shader optimization, and efficient resource management

• Use compression pipelines including geometry compression, textures, KTX2, and Basis

• Implement frustum culling, occlusion culling, instancing, and batching

• Profile GPU memory usage, draw calls, and shader performance

• Build adaptive quality settings based on device capabilities

3. 3D Asset Pipeline & Tools

• Build loaders and parsers for glTF, USDZ, OBJ, and FBX

• Implement asset optimization including UV mapping, normal maps, and texture atlasing

• Create mesh-processing tools such as decimation, smoothing, and tangent generation

• Build progressive loading, caching, and streaming systems

• Develop debugging and visualization tools for asset inspection

4. Interactive Controls & UI Features

• Implement camera systems including orbit, pan, zoom, and animated transitions

• Build mobile gestures such as pinch, rotate, and drag

• Create 360° product viewers with fluid interactions

• Add hotspots, annotations, measurement tools, and view presets

• Enable screenshot and recording functionality

5. WebXR & AR Experiences

• Implement WebXR VR/AR experiences directly in browsers

• Build AR Quick Look integration for iOS

• Integrate AR.js / 8th Wall for seamless web AR experiences

• Implement environment lighting estimation and hit testing

• Build cross-platform AR experiences for iOS and Android

6. Graphics Systems Architecture

• Architect custom WebGL rendering solutions from scratch

• Build reusable material/shader libraries and rendering modules

• Create scene graph management systems

• Develop modular rendering utilities and reusable graphics systems

• 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.js

• Webpack, Vite, Rollup

• Jest, Cypress

3. Performance & Optimization

• Chrome DevTools, WebGL Inspector, GPU profilers

• Draco, meshoptimizer, KTX2/Basis

• Cloudflare, AWS CloudFront

4. Collaboration & Workflow

• Git / GitHub

• Technical documentation for shaders, APIs, and rendering specifications

What We’re Looking For

1. Must-Haves

• 5–8+ years of experience in graphics programming with deep expertise in WebGL and Three.js

• Strong understanding of the complete rendering pipeline

• Expertise in GLSL, including vertex, fragment, and compute shaders

• Mastery of PBR workflows, material systems, and physically accurate lighting

• Proven experience building high-performance 3D web applications

• Strong JavaScript/TypeScript skills

• Solid understanding of 3D mathematics including matrices, vectors, and quaternions

• Experience with 3D formats, UV mapping, and texture workflows

• Ability to debug GPU-related issues and optimize across browsers and devices

• Experience building custom WebGL rendering engines from scratch

2. Highly Desirable

• Experience with Three.js or Babylon.js

• E-commerce or 3D configurator experience

• WebXR development experience

• Strong mobile rendering optimization knowledge

• Experience with GPU compute and GPGPU workflows

• Familiarity with Unity or Unreal Engine internals

• Background in advanced rendering research

• Knowledge of ray tracing and path tracing

• Experience with photogrammetry or 3D scanning

• Contributions to open-source graphics projects

Technical Challenges You’ll Tackle

• Achieving photorealistic 60 FPS rendering on mobile browsers

• Enabling sub-second loading for complex 3D models

• Building realistic shaders for materials such as jewelry, fabric, metal, and glass

• Creating adaptive rendering pipelines for low-end and high-end devices

• Delivering seamless AR blending between virtual and real-world 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 development

• Solve advanced rendering challenges that push WebGL to its limits

• Create visually stunning experiences used by millions

• Work with modern WebGL 2.0 capabilities

• Freedom to experiment with advanced graphics techniques

• High-performance engineering culture

• Your work directly impacts customer engagement and product experience

• Access to high-end GPUs, devices, and graphics tooling

• Backed by NVIDIA, Microsoft, and Google

Location & Work Culture

• Bengaluru (HSR Layout)

• 6-day work week (5 days in-office, Saturdays WFH)

• Performance-focused culture with strong emphasis on graphics craftsmanship and attention to detail

• Small, senior engineering team with deep technical expertise

• Access to GPUs, testing devices, and advanced 3D tools