fixed: camera zoom범위 조절

boostcampwm2023 · Dec 7, 2023 · 6e0667f · 6e0667f
1 parent 6ca1405
commit 6e0667f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/front/src/components/SnowGlobeCanvas/SnowGlobeCanvas.tsx b/front/src/components/SnowGlobeCanvas/SnowGlobeCanvas.tsx
@@ -34,7 +34,7 @@ const SnowGlobeCanvas = React.memo<SnowGlobeCanvasProps>(
         <CanvasContainer>
           <Canvas
             camera={{
-              position: [25, 2, 0],
+              position: [15, 2, 0],
               fov: 100
             }}
             shadows={true}
@@ -69,7 +69,7 @@ const SnowGlobeCanvas = React.memo<SnowGlobeCanvasProps>(
             <Models.Raycaster isClickedRef={isClicked} />
             <Models.Ground scale={1} position={new THREE.Vector3(0, 0, 0)} />
             <Models.Glass
-              position={new THREE.Vector3(0, glassRadius / 2, 0)}
+              position={glassPosition}
               color={new THREE.Color('white')}
               radius={glassRadius}
               opacity={0.1}

diff --git a/front/src/components/SnowGlobeCanvas/models/Raycaster.tsx b/front/src/components/SnowGlobeCanvas/models/Raycaster.tsx
@@ -21,9 +21,9 @@ const Raycaster: React.FC<RaycasterProps> = ({ isClickedRef }) => {
     const zoomOutSpeed = 1 + delta * 2;
     if (isAnimating.current) {
       if (isClicked && !isZoom) {
-        const targetPosition = new THREE.Vector3(0, 3.5, 0);
+        const targetPosition = new THREE.Vector3(0, 2.5, 0);
         setView(true);
-        if (camera.position.distanceTo(targetPosition) > 6.5) {
+        if (camera.position.distanceTo(targetPosition) > 6) {
           camera.position.lerp(targetPosition, delta * 2);
         } else {
           isAnimating.current = false;
@@ -35,7 +35,7 @@ const Raycaster: React.FC<RaycasterProps> = ({ isClickedRef }) => {
       if (view) {
         setIsZoom(true);
       } else if (isZoom && !view) {
-        if (camera.position.distanceTo(new THREE.Vector3(0, 3.5, 0)) < 25) {
+        if (camera.position.distanceTo(new THREE.Vector3(0, 3.5, 0)) < 15) {
           camera.position.x = camera.position.x * zoomOutSpeed;
           camera.position.y = camera.position.y * zoomOutSpeed;
           camera.position.z = camera.position.z * zoomOutSpeed;