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

add about page

Browse Source 
add loading cloud station model in about page
This commit is contained in:
DefectingCat
2023-09-14 16:07:50 +08:00
parent a4f68601f6
commit 6171deaaba
4 changed files with 73 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/models/cloud-model.tsx Normal file
View File

@ -0,0 +1,23 @@
import { useLoader } from '@react-three/fiber';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
const CloudModel = () => {
const gltf = useLoader(
GLTFLoader,
'./models/cloud_station/modelDraco.gltf',
(loader) => {
const dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('./libs/draco/');
loader.setDRACOLoader(dracoLoader);
},
);
return (
<>
<primitive object={gltf.scene} />
</>
);
};
export default CloudModel;