2 مستودعات
Awesome GitHub RepositoriesRender Loop Integrations
Hooks that synchronize component lifecycles with external animation or render loops.
Distinguishing note: Specifically targets synchronization with WebGL render cycles.
Explore 2 awesome GitHub repositories matching user interface & experience · Render Loop Integrations. Refine with filters or upvote what's useful.
Awesome Render Loop Integrations GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- pmndrs/react-three-fiber
pmndrs/react-three-fiber
31,172عرض على GitHubThis project is a React-based WebGL renderer that enables the creation of three-dimensional scenes using a declarative, component-driven architecture. It functions as a bridge between a component-based user interface library and a low-level graphics engine, allowing developers to manage lights, cameras, and geometry as standard elements within a reactive tree structure. The library distinguishes itself by treating the scene graph as a declarative hierarchy that synchronizes directly with application state and lifecycle events. It utilizes a custom reconciler to map component updates to object
Hooks into the request animation frame cycle to synchronize component updates with the underlying WebGL render loop.
TypeScript3danimationfiber - troisjs/trois
troisjs/trois
4,500عرض على GitHubTrois هو مدير مشهد ثلاثي الأبعاد تصريحي ومكتبة مكونات Three.js لـ Vue 3. يعمل كغلاف تفاعلي يربط رسوم بيانية لمشهد Three.js والمواد بشجرة مكونات Vue، مما يسمح بإنشاء عارضات ثلاثية الأبعاد قائمة على الويب باستخدام قوالب تشبه HTML. يقوم المشروع بمزامنة شجرة مكونات تفاعلية مع رسم بياني لمشهد ثلاثي الأبعاد من خلال ربط الحالة القائم على الوكيل وتعيين الخصائص التفاعلية. يتميز برسم بياني للمشهد قائم على المكونات يدير التحولات المكانية وأعمار الكائنات، ويدمج حلقة requestAnimationFrame مع أحداث دورة حياة المكون. تغطي المكتبة مجموعة واسعة من القدرات ثلاثية الأبعاد، بما في ذلك توليد الهندسة، والعرض المثيل، وخط أنابيب تحميل الأصول لتنسيقات مثل GLTF و FBX. يوفر أدوات شاملة للإضاءة والظلال، ومجموعة متنوعة من أنواع المواد التي تتراوح من الأساسية إلى القائمة على الفيزياء والمظلات المخصصة، وإدارة مساحة العرض عبر كاميرات المنظور وعناصر تحكم المدار. تشمل الوظائف الإضافية تأثيرات ما بعد المعالجة، وتتبع إدخال المؤشر، وتكامل وضع الواقع الافتراضي. تدعم الحزمة الاستيراد عبر شبكات توصيل المحتوى للنماذج الأولية السريعة.
Integrates a requestAnimationFrame loop with component lifecycle events to execute custom logic before each frame.
TypeScript3dthree-jsthreejs
