鐵人檔案
因為自己也是個遊戲製作新手，所以想提供新手也能輕鬆學會的Phaser3引擎教學，使觀看者能夠經由教學做出想要的網頁遊戲，並透過實作教學讓觀看者動手實作，使自行製作時更容易上手。
這是我第一次參加iThome鐵人賽，第一次要連續30天寫文章，想想就覺得真是一項大挑戰，給自己一個期許是希望能夠堅持下去順利完成這場競賽，當然如果能夠得獎那就更...
首先要來介紹我們使用的遊戲引擎---Phaser3 今天就來簡單介紹一下Phaser3遊戲引擎的功用與優點以及選擇他的理由( •̀ ω •́ )✧ 快速、...
那我們開始的第一步就是來準備我們的開發工具啦~ 1. Visual Studio CodeVisual Studio Code程式編輯器，就是我們撰寫程式的地方...
接下來的教學內容是網頁遊戲中的身體---網頁介面(/≧▽≦)/ 既然是網頁遊戲那我們的第一件任務當然就是建立我們的網頁啦~將網頁建立完畢後才能讓遊戲有可以存入的...
網頁的基礎架構建立完畢後，就讓我們來設計我們的網頁吧~ 教學所會進行的設定與設計包含: 標題名稱設定 網頁背景顏色 那麼就開始吧!!o(^▽^)┛ 1. 標...
網頁設定好，就輪到我們的主角出場了！！今天的教學要來設定2D遊戲的畫面喔~ 教學所會進行的內容包含: Phaser3匯入 遊戲畫面的顯示與調整 遊戲畫面排版...
遊戲框設定完畢，再來進入場景設定階段~~ 那就先來看場景的架構吧ヾ(•ω•)o 無論是要設定目錄、關卡等畫面都是用此架構喔~ 而架構可以分為4個部分： 場景設...
再來就把資源，圖片與音效匯入到遊戲中吧！！ 在開始之前，如果還沒有準備圖片或音效的人可以到 ==> https://github.com/michelle...
將圖片匯入後就來將它呈現在畫面上吧~ 還不會圖片匯入的人可以點擊連結觀看教學(≧∇≦)ﾉ==>https://ithelp.ithome.com.tw/a...
今天要來介紹方便好用Phaser3 內建小工具 *:･ﾟ✧ Debug & Gravity *:･ﾟ✧ Gravity也就是遊戲中的重力，輸入之後可...
