【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