使用 Three.js 和 GSAP 实现模型变换动画，包括位置、旋转和缩放的动画效果，使用 FBXLoader 加载模型。

function setTransformAnimate(mesh) {
    const position = mesh.position.clone();
    position.y += 5; // 位置向上移动

    const rotation = mesh.rotation.clone();
    rotation.y += Math.PI / 4; // 旋转45度

    const scale = mesh.scale.clone();
    scale.z *= 2; // 缩放z轴2倍
    scale.x *= 2; // 缩放x轴2倍

    const transformInfo_ = { position, rotation, scale };

    // 执行动画
    const promises_gsap = ["position", "rotation", "scale"].map((i) => {
        return new Promise((resolve) => {
            gsap.to(mesh[i], {
                x: transformInfo_[i].x,
                y: transformInfo_[i].y,
                z: transformInfo_[i].z,
                duration: 3,
                ease: "none",
                repeat: 0,
                yoyo: false,
                yoyoEase: true,
                onComplete: resolve,
            });
        });
    });

    Promise.all(promises_gsap).then(() => console.log("动画完成"));
}

new FBXLoader().load(FILE_HOST + "files/model/city.FBX", (object3d) => {
    scene.add(object3d);
    object3d.scale.set(0.0005, 0.0005, 0.0005);
    setTransformAnimate(object3d);
});