"use client" import { useRef, useEffect, useMemo } from "react" import { Canvas } from "@react-three/fiber" import { OrbitControls, useGLTF } from "@react-three/drei" import { Physics, RigidBody } from "@react-three/rapier" function Duck({ position = [0, 25, 0] }) { const { scene } = useGLTF("/assets/3d/duck.glb") useEffect(() => { scene.traverse((child) => { if (child.isMesh) { child.castShadow = true child.receiveShadow = true } }) }, [scene]) const scale = useMemo(() => { const baseScale = 2.5 // Increased from 0.5 to 2.5 (5x larger than previous, 25x larger than original) const randomFactor = Math.random() * 0.1 + 0.95 // 0.95 to 1.05 return [baseScale * randomFactor, baseScale * randomFactor, baseScale * randomFactor] }, []) return ( ) } function Aquarium() { return ( {[[-50, 5, 0], [50, 5, 0], [0, 5, -50], [0, 5, 50]].map((position, index) => ( ))} ) } export default function Component() { const ducks = useMemo(() => { return Array.from({ length: 100 }, (_, i) => ({ id: i, position: [ (Math.random() - 0.5) * 80, Math.random() * 100 + 50, (Math.random() - 0.5) * 80, ], })) }, []) return (

) }

About

About