Description :

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.

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.

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 :

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.

Frontend & Web :

- JavaScript / TypeScript.

- React, Next.js, familiarity with Vue.

- Webpack, Vite, Rollup.

- Jest, Cypress.

Performance

- Chrome DevTools, WebGL Inspector, GPU profilers.

- Draco, meshoptimizer, KTX2/Basis.

- Cloudflare, AWS CloudFront.

Collaboration

- Git/GitHub.

- Technical documentation : shaders, specs, APIs.

What Were Looking For :

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.

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.

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.