【秋千预制体】不用tween的两种实现方式

(๑•ั็ω•็ั๑) · 发表于 2023-4-24 18:00:35

本帖最后由龍且于 2023-11-13 15:38 编辑

方式一（最简单）：运动器
话不多收，直接上效果：

相应预置体：

秋千预制体运动器版.zip (12.19 KB, 下载次数: 86)

2023-11-13 15:38 上传

点击文件名下载附件
必要的UI文件：

interactor.rar (1.84 KB, 下载次数: 83)

2023-4-24 19:13 上传

点击文件名下载附件
使用方式：
1.下载好预制体，在项目中将其导入
2.下载好UI文件，将其解压放在项目的UI目录之下
3.最后拖入场景即可使用

拓展：
可以在运动器下设置单摆运动相应的速度和转动角度

方式二：线性运动公式
效果如下：

秋千

再附上预置体：

秋千预制体公式版.zip (14.05 KB, 下载次数: 55)

2023-11-13 15:36 上传

点击文件名下载附件
必要UI文件：

interactor.rar (1.84 KB, 下载次数: 83)

2023-4-24 19:13 上传

点击文件名下载附件
使用方式：
1.下载好预制体，在项目中将其导入
2.下载好UI文件，将其解压放在项目的UI目录之下
3.最后拖入场景即可使用

原理：将物理中的匀加速直线运动公式给套在单摆运动上，然后每帧设置这个月亮的相对位置和速度，然后判断月亮的速度来控制加速度的方向和月亮旋转的方向

缺点：因为是在服务端onUpdate中计算的，坐上面的时候会每帧去计算月亮的速度位置，要吃一点服务器CPU
优点：
1.后上线的玩家会自动同步有坐在月亮秋千上的玩家
2.玩家下线会自动重置当前月亮秋千的状态

核心代码：



/** 模拟不遵循能量守恒定律的单摆运动(套用匀加速直线运动公式版) */

    protected onUpdate(dt: number): void {

        if (SystemUtil.isServer()) {

            this._time += dt;

            if (this._time < 0.01) return;



            // 当前位移 = 当前速度 * t + (at^2) / 2

            const curMoveDis = this.curSpeed * dt + this.g * dt * dt / 2 * this.gDir;



            // 位置改变

            this._tempRot.x += curMoveDis * this.rotDir;

            this.gameObject.localTransform.rotation = (this._tempRot);



            // 速度改变：当前速度 = 时间 * 重力加速度

            this.curSpeed += dt * this.g * this.gDir;



            // 每次速度变为0时，旋转方向改变，且加速度方向改变

            if (this.curSpeed < 0) {

                this.rotDir *= -1;

                this.gDir *= -1;

                this.curSpeed = 0;

            }



            // 达到最低点时速度最大，加速度方向改变

            if (this.curSpeed > this.maxSpeed) {

                this.gDir *= -1;

                this.curSpeed = this.maxSpeed;

            }

            this._time = 0;

        }

    }