نبحث عن مهندس واجهة أمامية ثلاثي الأبعاد / تقني إبداعي لبناء مُكوِّن مخصصات ثلاثية الأبعاد تفاعلي سريع الاستجابة وتحريك حِزَم Drill لأفاتار وتخصيصها، من أجل تطبيق كرة القدم المحمول الموجه للأطفال. في هذا الدور، ستجسد الفجوة بين تجربة المستخدم والرسومات ثلاثية الأبعاد من خلال ترجمة الأصول التي أنشأها فناننا ثلاثي الأبعاد إلى تجربة محمولة تفاعلية باستخدام React Native و React Three Fiber.
المسؤوليات الأساسية
- محرك تخصيص الأفاتار: بناء نظام معياري يسمح للمستخدمين بتبديل شبكات ثلاثية الأبعاد وموادها بسلاسة (الشعر، القمصان، الأحذية، درجات البشرة) عبر حالة React القياسية.
- آلة حالة الرسوم المتحركة: برمجة مُتحكِّم حركية هيكلية مرنة لقراءة هياكل عظمية بتنسيقات .gltf/.glb، ودمج تدريبات كرة القدم بسلاسة (المراوغة، التمرير، التسديد).
- التعاون في خط الأنابيب: العمل عن كثب مع فناننا ثلاثي الأبعاد لوضع قيود تحسين الأصول (عدد polí منخفض، تجميع الخامات، تسميات العظام) مصممة لأداء WebGL على الأجهزة المحمولة.
- ضبط الأداء: تحسين إدارة الذاكرة وجمع القمامة ودوائر العرض لضمان ثبات 60 إطاراً في الثانية عبر كلاً من منصتي iOS وAndroid.
المهارات التقنية المطلوبة
- إتقان تصميم تخطيط React Native، إدارة الحالة، ودورة حياة المكونات.
- خبرة تجارية قوية مع Three.js وReact Three Fiber / @react-three/fiber.
- فهم عميق للمفاهيم الرسومية ثلاثية الأبعاد: تعديل الشبكات، ربط الهيكل العظمي، مصفوفات أوزان العظام، مواد PBR، ومصفوفات الإضاءة.
- خبرة في تحليل وتManipulating نماذج GLTF/GLB ديناميكياً أثناء التشغيل.
- إتقان أدوات قياس الأداء للجوال (حدود CPU/GPU، تسريبات الذاكرة، تحسين استدعاءات الرسم).
المهارات المفضلة
- خبرة في بناء برامج أو تجارب غامرة موجهة للأطفال.
- إلمام أساسي بأدوات النمذجة ثلاثية الأبعاد مثل Blender للمراجعة السهلة للأصول المقدمة من الفنان.
- معرفة بنُظم أفاتار جاهزة مثل Ready Player Me أو خطوط Mixamo
ملف المرشح المطلوب
- إتقان تصميم تخطيط React Native، إدارة الحالة، ودورة حياة المكونات.
- خبرة تجارية قوية مع Three.js وReact Three Fiber / @react-three/fiber.
- فهم عميق للمفاهيم الرسومية ثلاثية الأبعاد: تعديل الشبكات، ربط الهيكل العظمي، مصفوفات أوزان العظام، مواد PBR، ومصفوفات الإضاءة.
- خبرة في تحليل وتManipulating نماذج GLTF/GLB ديناميكياً أثناء التشغيل.
- إتقان أدوات قياس الأداء للجوال (حدود CPU/GPU، تسريبات الذاكرة، تحسين استدعاءات الرسم).
- خبرة في بناء برامج أو تجارب غامرة موجهة للأطفال.
- إلمام أساسي بأدوات النمذجة ثلاثية الأبعاد مثل Blender للمراجعة السهلة للأصول المقدمة من الفنان.
- معرفة بنُظم أفاتار جاهزة مثل Ready Player Me أو خطوط Mixamo
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.
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
Desired Candidate Profile
- 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).
- 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