如何使用Phaser.js創建平台遊戲
在這個教程中，我將使用Phaser.js創建一個平台遊戲。 玩家可以使用左/右箭頭鍵移動，使用上箭頭鍵跳躍。目標是收集遊戲中的所有星星： 當玩家收集到所有星星時，我們將在頂部顯示“遊戲結束”，然後沒有其他操作。 雖然這非常簡單，但這是開始一個非常有趣的遊戲的開始，並且這也是展示Phaser以及JavaScript作為遊戲創作編程語言的絕佳方式。 設置專案 創建一個空文件夾，然後運行以下命令： npm init -y 這將初始化一個最小的’package.json’文件。 然後運行以下命令： npm install phaser 如果尚未安裝Parcel，請運行以下命令： npm install -g parcel-bundler 現在創建一個’app.js’文件，然後運行： parcel watch app.js 這將告訴Parcel在’dist/app.js’文件中構建我們的遊戲。 創建一個’index.html’文件，內容如下： <!DOCTYPE html> <html> <head> <script src="./dist/app.js"></script> </head> </html> 安裝’browser-sync’以運行包含此文件夾內容的HTTP服務器： npm install -g browser-sync 然後運行以下命令： browser-sync start --server --files "." 以上命令會觀察當前文件夾（以及所有子文件夾）中的所有文件的變化，並在端口3000上啟動一個Web服務器，自動打開一個瀏覽器窗口以連接到服務器。 每次更改文件，瀏覽器都會刷新，因此我們可以更快地進行開發。 太好了！我們可以開始了。 初始化Phaser 打開’app.js’並編寫以下代碼： import Phaser from 'phaser' 讓我們添加一個最小的配置： const config = { width: 800, height: 600, backgroundColor: 0xffffff, scene: { preload, create, update }, physics: { default: 'arcade', arcade: { gravity: { y: 300 }, debug: false } } } const game = new Phaser....