方块旋转动画案例 React + Three.js

感谢 youtuber Wrong Akram

教程地址:https://www.youtube.com/watch?v=fdtqqyeKRJk

案例页面:https://www.louisxu.com/build/index.html

因距离录制教程有一段时间,有些代码已经升级或失效,以下是制作中碰到的问题更新:

倒入drei的代码改为:

import { softShadows, MeshWobbleMaterial, OrbitControls } from "@react-three/drei";
softShadows();

点击动画的地方我研究了很久,现在可行的代码是:

import { useSpring, a } from "@react-spring/three";