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

1. 知识点讲解

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

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

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

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

2. 步骤

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

CameraManager2.js

1. cc.Class({
2. extends: cc.Component,
3.  
4. properties: {
5. bgSky:cc.Node,
6. skySca:0,
7. bgHill:cc.Node,
8. hillSca:0,
9. bgHillnear:cc.Node,
10. hillnearSca:0,
11. bgFloor:cc.Node,
12. floorSca:0,
13. cloudLayer:cc.Node,
14. cloudSca:0,
15. camera: cc.Node,
16. player: cc.Node,
17.  
18. },
19.  
20. init: function(game){
21. this.game = game;
22. },
23.  
24. moveBg: function(distance){
25. //当主角跳出镜头边界时镜头才移动
26. if(this.player.y > this.camera.y+this.camera.height/2){
27. this.bgSky.y -= distance * this.skySca;
28. this.bgHill.y -= distance * this.hillSca;
29. this.bgHillnear.y -= distance * this.hillnearSca;
30. this.bgFloor.y -= distance * this.floorSca;
31. this.cloudLayer.y -= distance * this.cloudSca;
32. this.player.y -= distance;
33. }
34. }
35. });

 

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

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