We are seeking a 3D Front-End Engineer / Creative Technologist to build a responsive, interactive 3D avatar customizer and drill-animation engine for our kid-focused mobile football application. In this role, you will bridge the gap between user experience and 3D graphics, translating assets built by our 3D artist into an interactive mobile experience using React Native and React Three Fiber.

Key Responsibilities

Avatar Customization Engine: Build a modular system allowing users to swap 3D meshes and textures seamlessly (hair, jerseys, boots, skin tones) via standard React state.

Animation State Machine: Program a flexible skeletal animation controller to read .gltf/.glb bone structures, blending football drills (dribbling, passing, shooting) seamlessly.

Pipeline Collaboration: Work closely with our 3D artist to establish asset optimization constraints (low poly counts, texture atlasing, bone naming conventions) tailored for mobile WebGL performance.

Performance Tuning: Optimize memory management, garbage collection, and render loops to ensure a stable 60 FPS across both iOS and Android platforms.

Desired Candidate Profile

Required Technical Skills

Proficient in React Native layout design, state management, and component lifecycles.

Strong commercial experience with Three.js and React Three Fiber / @react-three/fiber.

Deep understanding of 3D graphics concepts: mesh manipulation, skeletal rigging, bone weight matrices, PBR materials, and lighting arrays.

Experience parsing and manipulating GLTF/GLB models dynamically at runtime.

Mastery of mobile performance profiling tools (CPU/GPU boundaries, memory leaks, draw call optimization).

Nice-to-Have Skills

Experience building software or gamified experiences aimed at children.

Basic familiarity with 3D modeling tools like Blender to easily audit assets provided by the artist.

Knowledge of pre-built avatar ecosystems like Ready Player Me or Mixamo pipelines'