iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day10 幫角色加入特性吧✪ ω ✪--角色設定篇(1)

接下來要教學的內容就是---角色設定 我們來將角色加入設定吧o((>ω< ))o之後的教學可以調整角色在遊戲中的狀況,會來調整角色的彈跳與是否能跨越...

2022-09-26 ‧ 由 阿卷 分享
DAY 12

Day11 幫角色加入特性吧✪ ω ✪--角色設定篇(2)

今天要來繼續完成角色的設定( •̀ .̫ •́ )✧ 接下來要加入角色的架構,如下圖所示 檔案名稱的部分一樣可以自己設定,之後直接輸入該檔案名稱時即可套入此角...

2022-09-27 ‧ 由 阿卷 分享
DAY 13

Day12 角色動起來了o(*゚▽゚*)o~~--Phaser3 鍵盤設定篇

角色設定完畢後就來讓角色動起來吧(≧∇≦)ノ!!操控的方式是用鍵盤來做操作喔~ 步驟有二: 鍵盤設定 操作設定 那麼就開始吧~ 鍵盤設定 鍵盤設定為P...

2022-09-28 ‧ 由 阿卷 分享
DAY 14

Day13 角色動起來了o(*゚▽゚*)o~~--Phaser3 角色動畫設定篇

將角色的移動鍵盤設定寫好了後,接下來替角色加入動畫,使角色的移動更自然吧(≧∇≦)ノ 在圖片匯入時,我們設定角色為spritesheet 可切割圖片,將圖片切成...

2022-09-29 ‧ 由 阿卷 分享
DAY 15

Day14 角色有地方可以站了♪(´▽`)---Phaser3 物理群組&碰撞事件

在遊戲中加入碰撞事件吧!! 所謂的碰撞事件呢,好比說就像是在遊戲中常見會讓主角無法通過的"障礙物"讓兩樣物體產生碰撞事件後,這樣物體就無法穿...

2022-09-30 ‧ 由 阿卷 分享
DAY 16

Day15 讓圖片與圖片相互互動吧(❁´◡`❁)---Phaser3 重疊事件

學會碰撞事件的下一步,就來學習Phaser3的重疊事件吧~ 重疊事件 簡單來說,就是不同圖檔相互重疊時發生的事件,事件能自行設定喔~ 重疊事件多用於: 角色的...

2022-10-01 ‧ 由 阿卷 分享
DAY 17

Day16 果然敵人還是需要的吧---遊戲敵人設定篇(1)ผ(•̀_•́ผ)

在遊戲中加入敵人讓遊戲玩法更多元吧o(^▽^)┛ 敵人設定 我們要在遊戲中加入會任意走動的敵人,若角色碰觸到時會死掉消失~今天教學會用到很多以前教過的技巧,所以...

2022-10-02 ‧ 由 阿卷 分享
DAY 18

Day17 果然敵人還是需要的吧---遊戲敵人設定篇(2)ผ(•̀_•́ผ)

將敵人的角色設定設定完畢後就來讓敵人動起來吧!!ヽ(✿゚▽゚)ノ 敵人移動設定 我們學過角色的操控設定,但遊戲中的敵人都是自己移動的,所以今天的教學就是要讓敵人...

2022-10-03 ‧ 由 阿卷 分享
DAY 19

Day18 敵人也要動起來---遊戲敵人設定補充篇ヾ(⌐■_■)ノ♪

這篇為敵人設定的相關補充(o゚v゚)ノ 敵人設定補充 今天的教學是我自己認為可以加入的補充,當然,依照玩法的不同也能夠有不同的設定ヾ(•ω•')o 那就馬上來說...

2022-10-04 ‧ 由 阿卷 分享
DAY 20

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

在遊戲開始之前為遊戲加入開始畫面吧!!♪(´▽`) 開始畫面 加入開始畫面,點擊開始按鈕後進入遊戲,是我們的教學目標o((>ω< ))o(學會了之後...

2022-10-05 ‧ 由 阿卷 分享