使用 Node.js 開始使用 Phaser

Created: November-22, 2018

建立一個你想要讓你的遊戲生效的資料夾，然後進入該資料夾

mkdir my-new-game
cd my-new-game

npm init -y

將 phaser 安裝為節點包。

npm install phaser

將 http-server 安裝為全域性模組，以在命令列上使用。

npm install -g http-server

建立一個 index.html 檔案並引用 Phaser 可執行檔案並將以下程式碼貼上到其中。

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>My Gamer</title>
    <script type="text/javascript" src="node_modules/phaser/build/phaser.js"></script>
    <style type="text/css">
    body {
        margin: 0;
    }
    </style>
</head>

<body>
    <div id="helloWorld"></div>
</body>
<script>
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'helloWorld', {
    create: create
});

function create() {

    var text = "Hello World!";
    var style = {
        font: "65px Arial",
        fill: "#ff0044",
        align: "center"
    };

    var t = game.add.text(game.world.centerX, 300, text, style);
    t.anchor.set(0.5);

}
</script>

</html>

啟動伺服器並在瀏覽器中載入 http：// localhost：8080 ！

hs