【R3F】0.4使用动画

创建动画

• 需要引入useFrame 钩子函数,其中，返回了两个参数(state,delta),其中delta同requestAnimationFrame返回的时间，state返回的three相关对象

import { useFrame } from "@react-three/fiber" 

export default function Experience() { 
   useFrame((state, delta) => {
       
   }) 
    return <> 
  				<group>
             <mesh position={[1, 2, 0]}>
              <torusGeometry></torusGeometry>
              <meshBasicMaterial></meshBasicMaterial>
            </mesh>
    				<mesh position={[2, 2, 0]}>
              <boxGeometry></boxGeometry>
              <meshBasicMaterial></meshBasicMaterial>
            </mesh>
    			</group>
         <mesh position-y={-1} scale={10} rotation-x={-Math.PI * .5}>
              <planeGeometry  ><