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,172在 GitHub 上查看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,500在 GitHub 上查看Trois 是一个用于 Vue 3 的声明式 3D 场景管理器和 Three.js 组件库。它作为一个响应式包装器，将 Three.js 场景图和材质映射到 Vue 组件树中，从而能够使用类似 HTML 的模板来创建基于 Web 的 3D 渲染器。 该项目通过基于代理的状态绑定和响应式属性映射，将响应式组件树与 3D 场景图同步。它具有基于组件的场景图，可管理空间变换和对象生命周期，并将 requestAnimationFrame 循环与组件生命周期事件集成在一起。 该库涵盖了广泛的 3D 功能，包括几何体生成、实例化渲染以及用于 GLTF 和 FBX 等格式的资源加载管道。它提供了用于光照和阴影的综合工具、从基础到基于物理的各种材质类型以及自定义着色器，并通过透视相机和轨道控制器进行视口管理。其他功能包括后期处理效果、指针输入跟踪和虚拟现实模式集成。 该包支持通过内容分发网络 (CDN) 导入，以便进行快速原型设计。
Integrates a requestAnimationFrame loop with component lifecycle events to execute custom logic before each frame.
TypeScript3dthree-jsthreejs
