我正在寻找一种renderer.info使用 r3f进行调用的方法。ThreeJS 文档 - WebGLRenderer
由于这是一个较旧的项目，我仍然在这里使用类组件来调用渲染方法。
return (
<React.Fragment>
<Canvas >
</ Canvas>
我需要检查我的渲染调用以优化性能。希望您能够帮助我。
根据关于 hooks 的官方 r3f 文档，useThree().gl相当于WebGLRenderer.
import { useThree } from "@react-three/fiber";
import { useEffect } from "react";
const GetInfo = () => {
const { gl } = useThree();
useEffect(() => {
// gl === WebGLRenderer
// gl.info.calls
console.log(gl.info);
});
return null;
};
export default GetInfo;
这是工作代码：
https://codesandbox.io/s/determined-violet-8hqjz?file=/src/GetInfo.tsx
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句