iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Phaser 幫我撐個 30 天 系列

Phaser 是一款 2D 遊戲開發框架。是否曾經想做些遊戲,但不知道從何下手?那我們一起從零開始來玩 Phaser 吧!本系列將從無到有,透過小範例並搭配說明來認識 Phaser,一起探索網頁遊戲世界,一起學習吧!

DAY 21

Day 21:Jump mechanics

》Jump mechanics今日我們要來實行跳躍動作以及限制遊戲範圍。例如像馬力歐可能就是 X 軸移動,小朋友下樓梯就是 Y 軸移動,那我們就需要設定遊戲的範...

2018-11-05 ‧ 由 K. 分享
DAY 22

Day 22:JSON

》JSON一般在 create 建造一些你要的物件(重複的物件),是很繁瑣的,今日我們就要帶大家如何用 JSON 資料來紀錄這些物件的屬性位置,方便管理修改。...

2018-11-06 ‧ 由 K. 分享
DAY 23

Day 23:Follow

》Follow有時候,我們希望不侷限在特定的區域內,而是隨著遊戲者的位置來進行遊戲的移動。這時候可以調整 camera 的設定來達到這個目的( camera 跟...

2018-11-07 ‧ 由 K. 分享
DAY 24

Day 24:Light

》Light今天我們來試看看燈光效果。首先你需要有 normal maps,可以使用工具來製作 SpriteIlluminator 工具來製作。 》Javasc...

2018-11-08 ‧ 由 K. 分享
DAY 25

Day 25:Tiled Map Editor

Tiled Map Editor 今天我們要用 Tiled 工具,來創建我們的關卡,此工具可以編輯你想要的背景、放置圖像,最後導出 json,在 phaser...

2018-11-09 ‧ 由 K. 分享
DAY 26

Day 26:Phaser3-project-template [ 1 / 2 ]

Phaser3-project-template Phaser 3 有提供 template 給大家使用 Phaser 3 Webpack Project Te...

2018-11-10 ‧ 由 K. 分享
DAY 27

Day 27:Phaser3-project-template [ 2 / 2 ]

Phaser3-project-template 我們調整一下之前 「Tiled Map Editor」所做出來的畫面,並匯出 json 檔。接著對 playe...

2018-11-11 ‧ 由 K. 分享
DAY 28

Day 28:Collecting Coins

Collecting Coins 這次我們要把 「Tiled Map Editor」所做出來的硬幣,加入碰撞以及分數計算。 Javascript 內容 // l...

2018-11-12 ‧ 由 K. 分享
DAY 29

Day 29:Multiplayer game

多人連線 我們今天使用 socket.io 來創建一個多人的遊戲方式,client 端與 server 端保持連線,server 將數據傳送到每個 client...

2018-11-13 ‧ 由 K. 分享
DAY 30

Day 30:結論

結論 首先感謝有看到最後的讀者(?),堅持了三十天的文章,也說不定傷了大家的眼睛(XD 從一開始的基本設定、基本的操作,到後面的動畫、碰撞等等,想必大家應該對...

2018-11-14 ‧ 由 K. 分享