iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
0
Modern Web

菜雞用 Phaser 拾起童年遊戲 系列 第 27

菜雞用 Phaser 拾起童年遊戲 27

經過昨天給大家一些想法與建議,順便給大家喘息一下,也給自己偷懶一下 XD
今天來給大家介紹一個功能,相信如果要做其他遊戲的人肯定有很大的機會會使用到它唷!

Photo by Hannah Rodrigo on Unsplash

動機

我們先前做的遊戲都只需要停在同一個地方,單是議定是有遊戲需要我們的場景跟著玩家變動,跟著玩家移動轉換視角的,那這時該怎麼辦呢?

Follow

這邊 Phaser 提供了一個很好用個功能,也就是 follow,我們可以利用這個功能來達到我們的目標,那我們就來看看該怎麼做吧!

前情提要一下

我們在創建地圖的時候是可以超出我們的畫面的喔!
而且如果我們沒阻擋他們跟畫面的碰撞,他是可以走到外面去的喔 XD
這裡很重要!!其實 Phaser 也有 camera 的概念,讓我們來控制我們的場景看到了哪邊。

那我們就開始吧!

// 先創建一個玩家
player = this.add.sprite(200,300,'player');

this.cameras.main.setBounds(0,0,600,800);
this.cameras.main.startFollow(player);

做了這樣的處理之後你就可以到你會一直跟著你的玩家移動囉!

總結

這次的這個功能,在製作其他遊戲的時候是很常被使用的,像是馬力歐、小朋友齊打交......等等都是需要跟著玩家一直移動的,所以這是一個可以突破場景限制的功能,給大家參考參考。

tags: Phaser Game 2020鐵人賽

上一篇
菜雞用 Phaser 拾起童年遊戲 26
下一篇
菜雞用 Phaser 拾起童年遊戲 28
系列文
菜雞用 Phaser 拾起童年遊戲 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言