iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

遊戲製作新手救星---Phaser3網頁遊戲教學與實作 系列

因為自己也是個遊戲製作新手,所以想提供新手也能輕鬆學會的Phaser3引擎教學,使觀看者能夠經由教學做出想要的網頁遊戲,並透過實作教學讓觀看者動手實作,使自行製作時更容易上手。

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day20 為遊戲加入開始畫面吧~( ⓛ ω ⓛ *)(2)

開始畫面建立完畢後,就來加入開始按鈕讓遊戲開始吧^o^/ 開始按鈕 今天進行的是開始畫面教學的第二步驟---開始按鈕在畫面中加入按鈕,點擊後進入遊戲場景~ 那麼...

2022-10-06 ‧ 由 阿卷 分享
DAY 22

Day21 拿到物件後得分吧*(੭*ˊᵕˋ)੭*ଘ---Phaser3 遊戲分數計算

接下來要在遊戲中加入計分機制喔,讓角色拿東西獲得分數吧o(^▽^)┛ 遊戲分數計算 在遊戲中加入遊戲得分文字,並讓角色在拿到特定物品時改變得分數值~內容是設定在...

2022-10-07 ‧ 由 阿卷 分享
DAY 23

Day22 用滑鼠移動物件吧┏ (゜ω゜)=?---Phaser3 滑鼠拖移(1)

加入滑鼠拖移,移動物件吧(∩^o^)⊃━☆ 滑鼠拖移 讓物件可以與滑鼠互動,可以拖拉移動,移動到想要的位置,增加不同的玩法!!因為內容較多所以分成三篇進行教學(...

2022-10-08 ‧ 由 阿卷 分享
DAY 24

Day23 用滑鼠移動物件吧┏ (゜ω゜)=?---Phaser3 滑鼠拖移(2)

成功拖移角色了,再來拖移其他物件試試看吧✪ ω ✪ 拖移物件 其實基本上就和角色的拖移差不多,不過物件不像角色會受到物理特性的影響(除了有特別加上物理設定的物件...

2022-10-09 ‧ 由 阿卷 分享
DAY 25

Day24 讓拖移過程增添色彩吧(*✧×✧*)---Phaser3 滑鼠拖移(3)

在拖移過程中增加物件的拖移特效,讓拖移更加特別吧♪(´▽`) 拖移特效 在滑鼠點擊拖拉時加入特效,今天的教學會做到的特效為:圖片放大、顏色改變、圖層更動設定完後...

2022-10-10 ‧ 由 阿卷 分享
DAY 26

Day25 遊戲畫面中加入華麗特效吧(^._.^)ノ---Phaser3 粒子系統

加入粒子系統特效使遊戲畫面更加豐富絢麗吧!(/≧▽≦)/ 粒子系統 設定由設定的地方不斷有圖片往四面八方射出,可以用於各項物件,甚至是滑鼠中♪(´▽`) (這邊...

2022-10-11 ‧ 由 阿卷 分享
DAY 27

Day26 做出跟著角色移動的鏡頭/ᐠ。ꞈ。ᐟ\---Phaser3 鏡頭設定

設定跟隨角色的鏡頭,變成卷軸遊戲吧!✪ ω ✪ 鏡頭設定 設定鏡頭讓遊戲畫面跟隨著角色一起移動吧o((>ω< ))o 今天的內容為基礎鏡頭設定,Ph...

2022-10-12 ‧ 由 阿卷 分享
DAY 28

Day27 GameOver後重來( ノ ゚ー゚)ノ---Phaser3 Restart 按鈕設定

角色碰到敵人怎麼辦?從新再來就好囉!(o゜▽゜)o☆ Restart按鈕設定 製作重新開始按鈕,點選後關卡會從目前的遊戲場景重新開始,讓遊戲GameOver後能...

2022-10-13 ‧ 由 阿卷 分享
DAY 29

Day28 將做好的遊戲上傳到Github吧☆⌒(*^-゜)v

做好的作品就是要分享出去啊!來上傳遊戲到Github吧!!(✧×✧) Github上傳 依照今天的教學能夠將遊戲檔案上傳到Github中!上傳完畢後Github...

2022-10-14 ‧ 由 阿卷 分享
DAY 30

Day29 Phaser3 網頁遊戲製作 總結 d=====( ̄▽ ̄*)b

終於來到教學的最後一天了!!來做整個教學的重點整理吧(〃 ̄︶ ̄)人( ̄︶ ̄〃) 總整理 這次的30天教學主要是要教各位運用Phaser3遊戲引擎製作遊戲時會運用...

2022-10-15 ‧ 由 阿卷 分享