| | |
| | | const [groupPos, setGroupPos] = useState({ x: 0, y: 0, z: 0 }); |
| | | const [groupTheta, setGroupTheta] = useState(0); |
| | | const [loaderHeight, setLoaderHeight] = useState(0); |
| | | const [integrateTheta, setIntegrateTheta] = useState(0); |
| | | const [loaderAngle, setLoaderAngle] = useState(0); |
| | | const [forkDis, setForkDis] = useState(0); |
| | | const [realTrayList, setRealTrayList] = useState([]); |
| | | |
| | |
| | | |
| | | // group theta |
| | | if (groupTheta !== theta && props.theta !== null) { |
| | | const minTheta = Common.normalizeAngle(theta); |
| | | const targetTheta = Common.normalizeAngle(theta - groupTheta) + groupTheta; |
| | | new TWEEN.Tween({ value: groupTheta }) |
| | | .to({ value: minTheta }, INTERVAL_TIME) |
| | | .to({ value: targetTheta }, INTERVAL_TIME) |
| | | .easing(TWEEN.Easing.Linear.None) |
| | | .onUpdate((e) => { |
| | | setGroupTheta(e.value) |
| | |
| | | |
| | | // loader theta |
| | | const loaderAbsoluteAngle = (theta + loaderTheta) % 360; |
| | | // console.log("integrateTheta", integrateTheta); |
| | | // console.log("theta", theta); |
| | | // console.log("loaderTheta", loaderTheta); |
| | | // console.log("loaderAbsoluteAngle", loaderAbsoluteAngle); |
| | | if (integrateTheta !== loaderAbsoluteAngle && props.loaderTheta !== null) { |
| | | const minTheta = Common.normalizeAngle(loaderAbsoluteAngle); |
| | | // const minTheta = Common.minDiffTheta(integrateTheta, loaderAbsoluteAngle); |
| | | new TWEEN.Tween({ value: integrateTheta }) |
| | | .to({ value: minTheta }, INTERVAL_TIME) |
| | | if (loaderAngle !== loaderAbsoluteAngle && props.loaderTheta !== null) { |
| | | const targetTheta = Common.normalizeAngle(loaderAbsoluteAngle - loaderAngle) + loaderAngle; |
| | | new TWEEN.Tween({ value: loaderAngle }) |
| | | .to({ value: targetTheta }, INTERVAL_TIME) |
| | | .easing(TWEEN.Easing.Linear.None) |
| | | .onUpdate((e) => { |
| | | setIntegrateTheta(e.value) |
| | | setLoaderAngle(e.value) |
| | | }) |
| | | .onComplete((e) => { |
| | | setIntegrateTheta(e.value) |
| | | setLoaderAngle(e.value) |
| | | }).start(); |
| | | } |
| | | |
| | |
| | | <primitive object={bodyModel} castShadow /> |
| | | <group |
| | | position-y={loaderHeight} |
| | | rotation-y={Common.rotationParseNum(integrateTheta)} |
| | | rotation-y={Common.rotationParseNum(loaderAngle)} |
| | | > |
| | | <primitive object={loaderModel} castShadow position={[0, 20, 0]} /> |
| | | <group position-z={forkDis}> |