cc.follow 简单使用

本文通过实战演示了Cocos Creator中cc.follow组件的使用方法,实现了跟随主角移动摄像头的效果,并分享了具体代码实现。

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

小白菜一枚,今天简单测试了一下cc.follow的用法。个人感觉是“移动摄像头”,比直接移动节点简单些。

测试例子已经传到码云上了。

地址https://gitee.com/wj12318/followTest.git
 

制作步骤:

1.层级管理器中结构如下,其中hero是bg的子节点。

2.添加两个脚本文件,follow挂在bg下,gameCtrl.js挂在节点gameCtrl节点下。

其中gameCtrl.js代码如下,作用是游戏开始时让主角向右边移动一段距离(挂在gameCtrl节点下)

//gameCtrl.js

cc.Class({
    extends:cc.Component,
    properties:{
        hero:cc.Node,
    },
    onLoad:function(){
        this.hero.runAction(cc.moveTo(3,2000,0));
    },
});

cc.follow的用法有两种,一种是 cc.follow(target,cc.rect());一种是cc.follow(target);我用的是第二种(貌似第一种是限定在一个矩形区域内进行跟踪,第二种没有这种限制)。如下是follow.js代码,挂在bg节点下。

//follow.js
cc.Class({
    extends: cc.Component,

    properties: {
        hero:cc.Node,
    },

    onLoad:function(){
        this.node.runAction(cc.follow(this.hero));
    },
    start () {

    },
});

 

 挂载情况如下:

 测试结果(跟随还不错,就是有些时候有点卡顿。。。可能我还没掌握到其中的奥秘)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值