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
AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
- pmndrs/react-three-fiber
pmndrs/react-three-fiber
31,172GitHub पर देखेंThis 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,500GitHub पर देखेंTrois एक घोषणात्मक 3D सीन मैनेजर और Vue 3 के लिए एक Three.js घटक लाइब्रेरी है। यह एक रिएक्टिव रैपर के रूप में कार्य करता है जो Three.js सीन ग्राफ़ और सामग्रियों को Vue घटक ट्री पर मैप करता है, जो HTML-जैसे टेम्प्लेट का उपयोग करके वेब-आधारित 3D रेंडरर्स बनाने की अनुमति देता है। यह प्रोजेक्ट प्रॉक्सी-आधारित स्टेट बाइंडिंग और रिएक्टिव प्रॉपर्टी मैपिंग के माध्यम से एक रिएक्टिव घटक ट्री को 3D सीन ग्राफ़ के साथ सिंक्रनाइज़ करता है। इसमें एक घटक-आधारित सीन ग्राफ़ है जो स्थानिक परिवर्तनों और ऑब्जेक्ट लाइफटाइम का प्रबंधन करता है, जो घटक लाइफसाइकिल घटनाओं के साथ एक requestAnimationFrame लूप को एकीकृत करता है। यह लाइब्रेरी 3D क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है, जिसमें ज्यामिति निर्माण, इंस्टेंस्ड रेंडरिंग, और GLTF और FBX जैसे प्रारूपों के लिए एक एसेट-लोडिंग पाइपलाइन शामिल है। यह प्रकाश और छाया के लिए व्यापक टूल, बुनियादी से भौतिक-आधारित और कस्टम शेडर्स तक सामग्री प्रकारों की एक विविधता, और परिप्रेक्ष्य कैमरों और ऑर्बिट नियंत्रणों के माध्यम से व्यूपोर्ट प्रबंधन प्रदान करती है। अतिरिक्त कार्यक्षमता में पोस्ट-प्रोसेसिंग प्रभाव, पॉइंटर इनपुट ट्रैकिंग, और वर्चुअल रियलिटी मोड एकीकरण शामिल है। यह पैकेज तेजी से प्रोटोटाइपिंग के लिए कंटेंट डिलीवरी नेटवर्क के माध्यम से आयात करने का समर्थन करता है।
Integrates a requestAnimationFrame loop with component lifecycle events to execute custom logic before each frame.
TypeScript3dthree-jsthreejs
