cocosCreator 实现相机跟随人物移动

本文详细介绍了如何在cocosCreator中实现相机跟随人物移动的功能。通过编写JS代码并绑定到camera,当人物移动时,相机将自动调整位置,保持人物在屏幕中央。当地图边界达到极限时,相机停止跟随,允许人物移动到地图的最边缘。文章还解释了计算世界坐标和判断条件的原理,并展示了最终实现的效果。
摘要由CSDN通过智能技术生成

一,需求;

人物移动,相机跟随人物水平移动;当地图展示到最左边,或者最右边时,镜头不再跟随人物移动,人物可走到最左边或最右边;

二,代码;

编写一个js绑定到camera下:

其中,target是要跟随的目标,tieldMap是地图。

cc.Class({
    extends: cc.Component,
    properties: {
       
        target:{
            default:null,
            type:cc.Node
        },
        tieldMap:{
            default:null,
            type:cc.TiledMap
        }
    },

    start () {
        var mainWidth = cc.find("UI_ROOT").width;
        var mapWidth = this.tieldMap.node.width
        this.max_x = mapWidth - mainWidth;
    },

    update (dt) {
        if(!this.target) return;        
        // 将节点坐标系下的一个点转换到世界空间坐标系
        var w_pos = this.target.convertToWorldSpaceAR(cc.v2(0,0));
        // 将一个点转换到节点 (局部) 空间坐标系
        var c_pos = this.node.parent.convertToNodeSpaceAR(w_pos);
        if(c_pos.x<&#
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值