【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


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com