終於來到教學的最後一天了!!來做整個教學的重點整理吧(〃￣︶￣)人(￣︶￣〃)

總整理

這次的30天教學主要是要教各位運用Phaser3遊戲引擎製作遊戲時會運用到的功能，還是官網也有許多的範例教學，如果有想要的功能不知道該怎麼做的話建議大家可以去上面看看~~

那來講一下製作Phaser3 網頁遊戲時主要步驟吧!!

1. 建立檔案資料夾 ：放所有在遊戲中會運用到的資源的地方。
2. LiveServer ：安裝後即可直接更改程式觀看網頁的更改情況。
3. 網頁設定 ：網頁名稱、背景顏色。
4. 遊戲畫面設定 ：調整遊戲畫面大小、在畫面中的位置。
5. 場景設定 ：各種場景的建立，使圖片、功能程式等能填入的地方。
6. 資源匯入 ：將圖片、音效匯入至遊戲中，使其能被利用。
7. 圖片設定 ：圖片的位置、大小縮放、物理群組的設定等等。
8. 角色設定 ：角色的物理設定、動畫設定等。
9. 碰撞事件 ：使物件彼此無法穿越對方。
10. 重疊事件 ：不同2物件碰觸後發生的事件，基本的互動都是利用此事件。
11. Github上傳 ：將作品製作出網址，讓作品能分享出去。

只要掌握上述步驟基本上就能完成一個小遊戲，而其他則為補充，根據遊戲玩法可能用到可能不會用到：

• 按鈕設定
• 分數計算
• 滑鼠事件
• 特效設定
• 鏡頭設定

心得

----第一次參加iThome鐵人賽，連續寫了30天的文章，一開始還有點對於排版、內容的多寡比例、內建功能等都不熟悉，不知道該如何寫出讓人比較看得懂的教學，在多天的慢慢摸索後總算有了自己的教學文章排版，希望大家在看的時候不會覺得凌亂或是看不懂，這樣慢慢學習就像和大家一樣從第一天開始觀看教學不斷做出遊戲的感覺好像，有一起在進步的感覺，有點開心(,,・ω・,,)。最後，感謝大家願意看到這邊，30天的" Phaser3網頁遊戲製作教學 "正式結束了~~~~(ﾉ◕ヮ◕)ﾉ*:･ﾟ✧----