【改变角色的跳跃动作】一个脚本即可改变角色的跳跃动作!

改变角色的跳跃动作

所使用编辑器版本：Online_v0.27

老规矩，还是先看效果吧！

JumpAnim.ts (2.68 KB, 下载次数: 42)

2023-11-8 17:07 上传

点击文件名下载附件

知识点补充：

1.跳跃动作的来源：

跳跃动作实际上是由“角色基础姿态”控制的，角色基础姿态是一整套动画，包含了走路动画、跳跃动画、静止动画、跑步动画。

(角色基础姿态可以在本地资源库>>基础姿态>>角色基础姿态中找到)

2.改变跳跃动作的方法：

方法一：在角色jump()方法执行的同时，播放一个动画

这个是最直接快速的方法了，因为我们跳跃时通常都会点击一个按钮，让这个按钮执行跳跃逻辑的同时，也播放一个动作，即可实现跳跃动作的更换

方法二：替换角色基础姿态

因为基础姿态包含了跳跃动画，所以可以通过这种方式替换跳跃动画。（不过基础姿态包含的动画类型比较少，难以实现自己想要的表现）

用代码设置character的basicStance即可实现基础姿态的替换。

char.loadStance("30274").play()

方法三：在update里检查角色是否进行跳跃，进行跳跃了，就播放一个动画

视频里展示的就是使用这种方法制作的脚本。好处在于不用去关联逻辑，任何向上运动的事件发生时，都会执行跳跃动作

代码：

@Component

export default class JumpAnim extends Script {



    /**跳跃动画的Guid */

    @Property({ displayName: "跳跃动画Guid" })

    jumpAnimGuid = "150691"





    /**角色 */

    char: Character

    /**跳跃动画 */

    jumpAnim: Animation





    /**角色进入Jumping状态前的Z轴数值（通过高度差，判断此时是跳跃还是掉落） */

    lastLocZ: number

    /**一次跳跃是否完成 */

    isJumpFinish: boolean = true

    /**生成器（用来分帧执行逻辑） */

    private _logicQueue: Generator<void, void, unknown>;







    protected async onStart(): Promise<void> {

        if (SystemUtil.isClient()) {

            // 下载并加载资源

            await AssetUtil.asyncDownloadAsset(this.jumpAnimGuid)

            // 获取玩家

            this.char = (await Player.asyncGetLocalPlayer()).character

            // 加载动画

            this.jumpAnim = this.char.loadAnimation(this.jumpAnimGuid)

            // 开启update

            this.useUpdate = true

        }

    }





    protected onUpdate(dt: number): void {

        // 如果生成器存在

        if (this._logicQueue) {

            // 执行生成器逻辑，并判断是否执行完成，执行完成关闭生成器

            if (this._logicQueue.next().done) {

                this._logicQueue = null;

            }

        }



        // 如果上次跳跃已经完成，检查角色是否进行下一次跳跃

        if (this.isJumpFinish) {

            // 如果角色正在跳跃

            if (this.char.isJumping) {

                // 记录起跳时的Z轴

                this.lastLocZ = this.char.worldTransform.position.z

                //将跳跃完成状态设置为未完成

                this.isJumpFinish = false

                // 开启生成器，判断下一帧的Z轴

                this._logicQueue = this.innerLogic();

            }

        } else {

            // 如果跳跃未完成，但是已经不属于Jumping状态了，证明此次跳跃结束

            if (!this.char.isJumping) {

                this.isJumpFinish = true

                this.jumpAnim.stop()

            }

        }

    }



    /**生成器（检查下一帧的Z轴，并进行跳跃） */

    private * innerLogic() {

        yield this.checkZandJump()

    }



    /**检查Z轴的变化以进行跳跃 */

    private checkZandJump() {

        // 如果当前帧Z轴比上一帧Z轴大，证明角色正在向上跳跃（因为下落状态也属于Jumping，所以需要这样判断）

        if (this.char.worldTransform.position.z > this.lastLocZ) {

            // 播放跳跃动画

            this.jumpAnim.play()

        }

    }

}

哥们的代码怎么样，新学了个生成器函数，嘿嘿

生成器函数教程：function* - JavaScript | MDN (mozilla.org)

这个好