【Cocos Creator实战教程(6)】——镜头跟随

1. 知识点讲解

Camera就是标记一块区域,这块区域就是镜头范围。

拿拍电影来举例子,当拍一个场景时,场景里常常有主角,而主角常常有主角光环,所以摄像机的镜头就要对准主角,镜头要跟着主角移动。

这里的镜头移动方式有两种。一种是中心移动,也就是以主角为中心,主角移动镜头就同步移动;另一种是边界移动,这种移动方式下我们给镜头设定一个范围,当主角移动出这个范围时,摄像机才移动。

我们这里用的是边界移动的方式(中心移动的我也试了一下,真的有点晕)。

2. 步骤

新建一个Camera节点并且添加脚本,改变位置。

CameraManager2.js

cc.Class({

extends: cc.Component,

properties: {

bgSky:cc.Node,

skySca:0,

bgHill:cc.Node,

hillSca:0,

bgHillnear:cc.Node,

hillnearSca:0,

bgFloor:cc.Node,

floorSca:0,

cloudLayer:cc.Node,

cloudSca:0,

camera: cc.Node,

player: cc.Node,

},

init: function(game){

this.game = game;

},

moveBg: function(distance){

//当主角跳出镜头边界时镜头才移动

if(this.player.y > this.camera.y+this.camera.height/2){

this.bgSky.y -= distance * this.skySca;

this.bgHill.y -= distance * this.hillSca;

this.bgHillnear.y -= distance * this.hillnearSca;

this.bgFloor.y -= distance * this.floorSca;

this.cloudLayer.y -= distance * this.cloudSca;

this.player.y -= distance;

}

}

});

参考文档和完整的文档和源码下载地址:

https://www.write-bug.com/article/1816.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容