cocos creator实现电梯，角色跟随平台上下左右移动

最新推荐文章于 2022-12-19 18:59:21 发布

兮迷风

最新推荐文章于 2022-12-19 18:59:21 发布

阅读量1.7k

点赞数 1

分类专栏：游戏设计文章标签：游戏

本文链接：https://blog.csdn.net/holmes_huang/article/details/109369528

版权

本文介绍如何在Cocos Creator中解决角色跟随移动平台的问题，关键在于将平台的RigidBody设置为kinematic，并通过调整linearVelocity实现平移。同时提供了角色设置的代码示例和GitHub上的完整项目链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

原因是想实现马里奥这样，平台跳跃游戏，当角色跳到平台上，可以跟随平台一起上下或者左右移动，在unity里面比较简单，直接设置角色的父节点是平台就可以了，但是cocos creator 就出现问题，这里提供解决方法。

关键点

移动平台，需要设置 RigidBody 为 kinematic，之后移动通过控制刚体的linearVelocity来处理

之后控制代码如下


const {
   ccclass, property} = cc._decorator;

@ccclass
export default class PlatformMotion extends cc.Component {
   

    @property speed:number = 10;    // 移动的速度
    @property distance = 200;       // 移动的距离
    @property leftright = true;     // 左右移动还是上下移动

    body: cc.RigidBody = null;

    _movedDistance:number = 0.0;
    _direction:number = 0;
    _movedDiff:number = 0;


    onLoad () {
   
        this._movedDistance = this.distance / 2;
        this._direction = 1;
        this._movedDiff = 0;
    }

    start () {
   
        this.body = this.getComponent(cc.RigidBody);
        this.updateVelocity();
    }

    updateVelocity(){
   
        var vspeed = this._direction * this.speed;

        let v = cc.v2(0, vspeed)
        if (this.leftright){
   
            v = cc.v2(vspeed, 0)
        }
        this.body.linearVelocity = v;
    }

    update (dt) {
   
        var d = this.speed * this._direction * dt;

        this._movedDistance += Math.abs(d);
        if (this._movedDistance > this.distance) {
     // 切换方向
            d = this.distance - this._movedDistance;
            this._movedDistance = 0;
            this._direction *= -1;

            this.updateVelocity();
        }
    }
}

在这里插入图片描述

角色设置

在这里插入图片描述

角色的代码，我这里添加了一些动画的控制，整体代码如下


const {
   ccclass, property} = cc._decorator;

@ccclass
export default class Player extends cc.Component {
   

    @property(cc.Node) colliderTag:cc.Node = null; // 标记是否碰撞
    @property(cc.Label) desc:cc.Label = null;   // 用于显示各种说明文字的

    @property(cc.Node)
    playerAvatar: cc.Node = null<

最低0.47元/天解锁文章