{"id":1252962,"url":"https://alion.io/job/ctruh-senior-webglthree-js-engineer","title":"Senior WebGL/Three.js Engineer","company":{"id":1949056,"name":"Ctruh","domain":"ctruh.com","url":"https://alion.io/company/ctruh","size_band":null,"is_staffing_agency":false,"employer_type":"direct","is_intermediary":false,"listed_via":null,"ats_vendor":null,"truth_index":null},"role":"Frontend","role_family":"Frontend","seniority":"senior","employment_type":null,"work_mode":"hybrid","remote_scope":null,"remote_scope_basis":null,"remote_working_hours":null,"hiring_geo_confidence":"structured","locations":["Bengaluru, India"],"countries":["IN"],"hiring_countries":[],"hiring_countries_total":0,"salary":null,"salary_estimate":null,"experience_years_min":5,"visa_sponsorship":false,"relocation_package":false,"has_equity":false,"technologies":[{"name":"AWS","optional":false},{"name":"Cloudflare","optional":false},{"name":"Draco","optional":false},{"name":"Git","optional":false},{"name":"GitHub","optional":false},{"name":"GLSL","optional":false},{"name":"JavaScript","optional":false},{"name":"KTX","optional":false},{"name":"Next.js","optional":false},{"name":"OpenGL","optional":false},{"name":"React.js","optional":false},{"name":"Three.JS","optional":false},{"name":"TypeScript","optional":false},{"name":"Babylon.js","optional":true},{"name":"Blender","optional":true},{"name":"C++","optional":true},{"name":"Chrome DevTools","optional":true},{"name":"Jest","optional":true},{"name":"RenderDoc","optional":true},{"name":"Rollup","optional":true},{"name":"Unity","optional":true},{"name":"Vite","optional":true},{"name":"Vue.js","optional":true},{"name":"Webpack","optional":true}],"status":"live","first_seen_at":"2026-09-11T11:11:14Z","employer_posted_date":null,"last_verified_at":"2026-09-11T11:11:14Z","board_verified":false,"closed_at":null,"days_open":16,"trust":{"level":"not_scored","repost_count":null,"flags":[],"days_open":16},"description":"Role : Senior WebGL/Three.js Engineer - 3D Graphics\n\nCompany : Ctruh\n\nLocation : Bangalore\n\nRole Overview : \n\nWere 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.\n\nYou will build high-performance, photorealistic, and smooth 60fps experiences across devices, crafting custom rendering solutions that push the limits of WebGL.\n\nWhat Youll Build : \n\n1. 3D Rendering & Visualization:\n\n- Develop and optimize real-time 3D viewers running at 60fps across all devices\n\n- Implement advanced rendering : PBR, IBL, shadows, reflections\n\n- Create custom shaders for metals, glass, fabrics, transparency, and complex materials\n\n- Build dynamic lighting systems for photorealism\n\n- Implement AR placement and real-world environmental rendering\n\n- Add post-processing effects : bloom, AO, depth of field, color grading\n\n- Build interactive 3D configurators with real-time customization\n\n2. Performance Optimization:\n\n- Optimize 3D asset loading for near-instant initial render\n\n- Implement LOD systems, shader optimization, and efficient resource usage\n\n- Use compression pipelines : geometry, textures, KTX2/Basis\n\n- Implement frustum & occlusion culling, instancing, and batching\n\n- Profile GPU memory, draw calls, and shader performance\n\n- Build adaptive quality settings based on device capabilities\n\n3. 3D Asset Pipeline & Tools:\n\n- Build loaders/parsers for glTF, USDZ, OBJ, FBX\n\n- Implement asset optimization : UV mapping, normal maps, texture atlasing\n\n- Create mesh-processing tools : decimation, smoothing, tangents\n\n- Build progressive loading, caching, and streaming systems\n\n- Develop debugging and visualization tools for asset inspection\n\n4. Interactive Controls & UI Features:\n\n- Implement camera systems : orbit, pan, zoom, animated transitions\n\n- Build gestures for mobile : pinch, rotate, drag\n\n- Create 360 product viewers with fluid interactions\n\n- Add hotspots, annotations, measurement tools, and view presets\n\n- Enable screenshot and recording functionalities\n\n5. WebXR & AR Experiences:\n\n- Implement WebXR VR/AR experiences directly inside browsers\n\n- Build AR Quick Look integration for iOS\n\n- Integrate AR.js / 8th Wall for seamless web AR\n\n- Implement environment lighting estimation and hit testing\n\n- Build cross-platform AR for iOS + Android\n\n6. Graphics Systems Architecture:\n\n- Architect custom WebGL rendering solutions from scratch\n\n- Build material/shader libraries and rendering modules\n\n- Create scene graph management systems\n\n- Build modular systems with reusable rendering utilities\n\n- Design APIs for frontend integration and customization\n\nTechnical Stack : \n\n1. Graphics & Rendering : \n\n- WebGL 1.0/2.0, OpenGL ES, GLSL\n\n- 3D formats : glTF 2.0, USDZ, OBJ, FBX, Collada\n\n- Tools : Blender, RenderDoc, Spector.js\n\n- Texture tools : Sharp, ImageMagick, compression utilities\n\n2. Frontend & Web : \n\n- JavaScript / TypeScript\n\n- React, Next.js, familiarity with Vue\n\n- Webpack, Vite, Rollup\n\n- Jest, Cypress\n\n3. Performance : \n\n- Chrome DevTools, WebGL Inspector, GPU profilers\n\n- Draco, meshoptimizer, KTX2/Basis\n\n- Cloudflare, AWS CloudFront\n\n4. Collaboration : \n\n- Git/GitHub\n\n- Technical documentation : shaders, specs, APIs\n\nWhat Were Looking For : \n\n1. Must-Haves : \n\n- 5 to 8+ years in graphics programming with deep WebGL/Three.js knowledge\n\n- Strong understanding of the full rendering pipeline\n\n- Expert in GLSL : vertex, fragment, compute shaders\n\n- Mastery of PBR, material systems, and physically accurate lighting\n\n- Proven experience building high-performance 3D web apps\n\n- Strong JavaScript/TypeScript skills\n\n- Solid understanding of 3D math : matrices, vectors, quaternions\n\n- Experience with 3D formats, UV mapping, texture workflows\n\n- Ability to debug GPU issues and optimize across browsers/devices\n\n- Ability to build custom WebGL engines from scratch\n\n2. Highly Desirable : \n\n- Experience with Three.js/Babylon.js (plus, not required)\n\n- E-commerce and 3D configurator experience\n\n- WebXR development experience\n\n- Strong mobile optimization knowledge\n\n- Experience with GPU compute, GPGPU\n\n- Familiarity with Unity/Unreal internals\n\n- Background in advanced rendering research\n\n- Knowledge of ray tracing, path tracing\n\n- Experience with photogrammetry or 3D scanning\n\n- Open-source graphics contributions\n\nTechnical Challenges Youll Tackle : \n\n- Achieving photorealistic 60fps rendering on mobile browsers\n\n- Sub-second loading for complex 3D models\n\n- Realistic shaders for different materials (jewelry, fabric, metal, glass)\n\n- Adaptive rendering across low-end to high-end devices\n\n- Seamless AR blending of virtual + real environments\n\n- Managing thousands of product SKUs with diverse materials\n\n- Debugging GPU issues across browsers, devices, and GPU vendors\n\nWhy Join Ctruh : \n\n- Pure graphics engineering not generic frontend work\n\n- Solve deep rendering challenges that push WebGL limits\n\n- Create visually stunning work seen by millions\n\n- Work with modern WebGL 2.0 capabilities\n\n- Freedom to experiment with advanced graphic techniques\n\n- High-performance engineering culture\n\n- Your rendering work directly influences customer engagement\n\n- Access to high-end GPUs, devices, and graphics tools\n\n- Backed by NVIDIA, Microsoft, Google\n\nLocation & Work Culture : \n\n- Bengaluru (HSR Layout)\n\n- 6 days a week, (5 days-in-office, Saturdays WFH)\n\n- Culture : performance-focused, graphics craftsmanship, high attention to detail\n\n- Small, senior engineering team with deep expertise\n\n- Access to GPUs, testing devices, and 3D tools\n\nCompensation : \n\n- Competitive salary\n\n- Stock options with 4-year vesting\n\n- Performance-based bonuses tied to technical impact\n\nIdeal Candidate Profile : \n\nYou 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\nSkills\nWebGL, Three.js, 3D Motion Graphics, Rendering, 3D Rendering, OpenGL, Javascript, TypeScript, React.js, Next.js","description_format":"text","description_chars":6348,"description_truncated":false,"requirements":{"experience_years_min":5,"management_years_min":null,"team_size_min":null,"manages_managers":false,"education":null,"security_clearance":false,"languages":[]},"benefits":["Stock options"],"hiring_locations":[],"hiring_excludes":[],"relocation_offered":false,"industries":["Artificial Intelligence","Commerce"],"lifecycle":[{"event":"open","at":"2026-09-25T18:04:06Z"}],"liveness":{"score":44,"band":"fade","label":"Fading","p_open":0.85,"p_active":0.692,"p_room":0.75,"age_days":16,"expected_fill_days":23,"reasons":["seen:16","velocity","win:late"],"computed_at":"2026-09-28T05:45:00Z"},"pay":null,"html_url":"https://alion.io/job/ctruh-senior-webglthree-js-engineer","json_url":"https://alion.io/job/ctruh-senior-webglthree-js-engineer.json","meta":{"generated_at":"2026-09-28T06:46:23Z","cache_seconds":300,"methodology":"https://alion.io/methodology","terms":"https://alion.io/terms","contact":"https://alion.io/contact","api":"https://alion.io/developers","usage":{"tier":"crawler","counted_by":"address","units_charged":1,"used_today":4877,"day_limit":5000,"remaining_today":123,"minute_limit":60,"resets_at":"2026-09-29T00:00:00Z"}}}