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

add animation

Browse Source
This commit is contained in:
DefectingCat
2022-10-09 10:05:57 +08:00
parent f81e93726d
commit 072bc2daa2
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
next.config.mjs
View File

@ -2,6 +2,7 @@
* @type {import('next').NextConfig}
*/
const isExport = process.env.NEXT_BUILD === 'export';
const nextConfig = {
/* config options here */
reactStrictMode: true,
@ -10,10 +11,9 @@ const nextConfig = {
images: isExport ? { unoptimized: true } : {},
experimental: {
// runtime: 'nodejs',
// outputStandalone: true,
},
compiler: {
removeConsole: true,
removeConsole: process.env.NODE_ENV === 'production',
},
// assetPrefix: isExport ? './' : undefined,
// images:

20
pages/index.tsx
View File

@ -59,37 +59,47 @@ const Home: NextPageWithLayout = () => {
isOrbitControls,
isPerspectiveCamera,
addWindowEvent,
addRenderCallback,
}) => {
if (isOrbitControls(controls)) {
controls.enableRotate = false;
controls.enablePan = false;
controls.enableZoom = false;
controls.minDistance = 1;
controls.minPolarAngle = Math.PI * 0.2;
controls.maxPolarAngle = Math.PI * 0.5;
controls.maxAzimuthAngle = Math.PI * 0.2;
}
camera.position.set(0, 5, 5);
const light = new THREE.SpotLight(0xffffff, 1.4, 100, 15);
scene.add(new THREE.AmbientLight(0xffffff, 0.8));
const light = new THREE.SpotLight(0xffffff, 2, 100, 15);
scene.add(new THREE.AmbientLight(0xffffff, 1));
scene.add(light);
const handleLoad = (gltf: GLTF) => {
const root = gltf.scene;
scene.add(root);
const clock = new THREE.Clock();
const mixer = new THREE.AnimationMixer(root);
gltf.animations.forEach((clip) => {
mixer.clipAction(clip).play();
});
addRenderCallback((time) => {
mixer.update(clock.getDelta());
});
const box = new THREE.Box3().setFromObject(root);
const boxSize = box.getSize(new THREE.Vector3()).length();
const boxCenter = box.getCenter(new THREE.Vector3());
light.target = root;
light.position.set(0, 2, 4);
light.position.set(0, 2, 6);
light.rotateX(Math.PI * 0.4);
isPerspectiveCamera(camera) &&
frameArea(boxSize * 0.8, boxSize, boxCenter, camera);
controls.maxDistance = boxSize * 10;
// controls.maxDistance = boxSize * 10;
controls.target.copy(boxCenter);
controls.update();