xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjust light

Browse Source
This commit is contained in:
DefectingCat
2023-05-16 15:28:42 +08:00
parent ec096b7bc2
commit 29e503693d
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/home-modle.tsx
View File

@ -21,8 +21,6 @@ const Model = () => {
const dracoLoader = new DRACOLoader(); const dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('./libs/draco/'); dracoLoader.setDecoderPath('./libs/draco/');
loader.setDRACOLoader(dracoLoader); loader.setDRACOLoader(dracoLoader);
loader.manager.onLoad = () => {};
} }
); );
useEffect(() => { useEffect(() => {
@ -31,9 +29,9 @@ const Model = () => {
gltf.animations.forEach((clip) => { gltf.animations.forEach((clip) => {
mixer.current?.clipAction(clip).play(); mixer.current?.clipAction(clip).play();
}); });
camera.position.x = -5.966648088408735e-8; camera.position.x = -5.66648088408735e-8;
camera.position.y = 0.2734955480754394; camera.position.y = 0.3;
camera.position.z = 1.2001055939769085; camera.position.z = 1.3;
toggleLoading(false); toggleLoading(false);
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, []); }, []);
@ -44,6 +42,14 @@ const Model = () => {
return ( return (
<> <>
<spotLight
color={0xffffff}
intensity={0.6}
distance={100}
angle={15}
target={gltf.scene}
position={[0, 2, 6]}
/>
<primitive object={gltf.scene} /> <primitive object={gltf.scene} />
</> </>
); );
@ -54,8 +60,7 @@ const HomeModel = () => {
return ( return (
<> <>
<Canvas> <Canvas camera={{ fov: 55 }}>
<spotLight color={0xffffff} intensity={1} distance={100} angle={15} />
<ambientLight color={0xffffff} intensity={0.5} /> <ambientLight color={0xffffff} intensity={0.5} />
<Model /> <Model />
</Canvas> </Canvas>