Job Description
About the Role:
InnovateX is seeking a visionary Senior 2D Web Developer to lead the visual evolution of our flagship product suite. In this role, you will push the boundaries of browser-based graphics, leveraging the HTML5 Canvas and WebGL APIs to create immersive, high-performance 2D experiences. You will work closely with our design team to translate complex visual concepts into pixel-perfect, interactive realities.
Why Join Us?
- Competitive compensation and equity package.
- Flexible remote-first culture with headquarters in SF.
- Access to the latest hardware for R&D.
- Opportunity to shape the future of 2D web interaction.
Responsibilities
- Architect 2D Rendering Engines: Design and implement high-performance rendering pipelines using HTML5 Canvas and WebGL for complex interactive visualizations.
- Optimization & Performance: Identify bottlenecks in rendering loops and asset loading, implementing advanced optimization techniques to ensure 60fps performance across devices.
- Interactive Prototyping: Collaborate with UX/UI designers to prototype and develop interactive 2D animations, transitions, and micro-interactions.
- Library Development: Contribute to internal open-source libraries to standardize 2D rendering practices across engineering teams.
- Cross-Platform Compatibility: Ensure consistent visual fidelity and performance across Chrome, Firefox, Safari, and mobile browsers.
- Code Review & Mentorship: Provide technical leadership to junior developers, conducting rigorous code reviews and mentoring on best practices for graphics programming.
Qualifications
- Experience: 5+ years of professional experience in front-end development with a specific focus on 2D graphics, Canvas, or WebGL.
- Technical Proficiency: Deep understanding of the Canvas 2D Context, WebGL API, and mathematics (linear algebra, vectors) applied to graphics.
- Core Skills: Expert knowledge of JavaScript (ES6+), TypeScript, and modern build tools (Webpack/Vite).
- Frameworks: Experience with libraries such as PixiJS, Phaser, or Three.js (specifically for 2D contexts).
- Problem Solving: Strong analytical skills with the ability to debug complex rendering issues and optimize large-scale graphics assets.
- Education: Bachelor’s degree in Computer Science, Engineering, or equivalent practical experience.