Role
Senior WebGL/Three.js Engineer - 3D Graphics
Company
Ctruh
Location:
Bangalore
Role Overview
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
- 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
- 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
- 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
- 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
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
- 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
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
JavaScript / TypeScript
React, Next.js, familiarity with Vue
Webpack, Vite, Rollup
Jest, Cypress
Chrome DevTools, WebGL Inspector, GPU profilers
Draco, meshoptimizer, KTX2/Basis
Cloudflare, AWS CloudFront
Git/GitHub
Technical documentation: shaders, specs, APIs
What Were Looking For
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
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
Compensation
Competitive salary
Stock options with 4-year vesting
Performance-based bonuses tied to technical impact
Ideal Candidate Profile
You think in shaders and understand the rendering pipeline end-to-end. Youve built custom rendering systems without relying on frameworks. Youre fluent in transformation matrices, BRDFs, tangent spaces, and GPU memory patterns. You ship production-quality 3D experiences, optimize relentlessly, and care deeply about visual craft, performance, and engineering precision.
To Apply
Please provide:
Your resume/CV with links to your portfolio or live demos
Examples of 3D web projects youve built (live site links preferred)
Your GitHub profile or code samples showcasing graphics or WebGL work
A short note on your most technically challenging graphics project and why youre excited about Ctruh
