Phaser3 javascript 無法加載圖像

Question

我正在嘗試使用 phaser3 引擎在 javascript 上加載資產，但在 chrome consol 上它說“無法加載圖像”這是我的 HTML 和 Javascript 代碼，看看我犯的錯誤：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>PhaserGame</title>
    <script = "text/javascript" src = "phaser.js"></script>
  </head>
  <body>
    <script src="script.js"></script>

  </body>
</html>

爪哇腳本：

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            gravity: {y: 500},
            debug: false
        }
    },
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);


function preload() {
    this.load.image('sky','assets/sky.png');

}

function create() {
    this.add.image(400, 300, 'sky');
}

function update() {

}

Answer 1

我認為您的圖像位置存在一些問題，相同的代碼對我有用，只更改了圖像URL

https://codepen.io/devsumanmdn/pen/zaeZwJ?editors=0010

Answer 2

在項目中創建文件夾“public”並將圖像放在這里

Phaser3 javascript 無法加載圖像

問題描述

2 個解決方案

解決方案1
1 已采納 2018-07-01 06:56:29

解決方案2
0 2021-04-15 14:36:49

Phaser3 javascript 無法加載圖像

問題描述

2 個解決方案

解決方案1 1 已采納 2018-07-01 06:56:29

解決方案2 0 2021-04-15 14:36:49

解決方案1
1 已采納 2018-07-01 06:56:29

解決方案2
0 2021-04-15 14:36:49