Tom Boullay
34 lines
1008 B
TypeScript
34 lines
1008 B
TypeScript
import { useEffect, useRef } from "react";
|
|
import { useGLTF } from "@react-three/drei";
|
|
import { useThree } from "@react-three/fiber";
|
|
import {
|
|
logModelLoadSuccess,
|
|
type ModelLoadLogContext,
|
|
} from "@/utils/three/modelLoadLogger";
|
|
import { optimizeGLTFSceneTextures } from "@/utils/three/optimizeGLTFScene";
|
|
|
|
export function useLoggedGLTF(
|
|
modelPath: string,
|
|
context: Omit<ModelLoadLogContext, "modelPath">,
|
|
) {
|
|
const gltf = useGLTF(modelPath);
|
|
const maxAnisotropy = useThree((state) =>
|
|
state.gl.capabilities.getMaxAnisotropy(),
|
|
);
|
|
const hasLoggedRef = useRef(false);
|
|
const { position, rotation, scale, scope } = context;
|
|
|
|
useEffect(() => {
|
|
optimizeGLTFSceneTextures(gltf.scene, maxAnisotropy);
|
|
}, [gltf.scene, maxAnisotropy]);
|
|
|
|
useEffect(() => {
|
|
if (hasLoggedRef.current) return;
|
|
|
|
hasLoggedRef.current = true;
|
|
logModelLoadSuccess({ modelPath, position, rotation, scale, scope }, gltf);
|
|
}, [gltf, modelPath, position, rotation, scale, scope]);
|
|
|
|
return gltf;
|
|
}
|