Phaser，圖片替換為綠色方塊，無錯誤，JS

Question

我在網上精確地遵循了許多 Phaser 教程，並確保圖像的路徑是足夠的，但我發現自己被一個綠色方塊卡住了，我的圖像綠色方塊在它上面有一個破折號。

我懷疑這可能是我設置測試服務器的方式，我為此使用包裹。 我已經嘗試了許多使用 Phaser 的 preLoad() function 加載圖像的實現，但即使是最簡單的this.load.image('testing','../../assets/user/body/moveRightAtlas.png'); （在預加載中）和var testing=this.add.sprite(400,400,'testing'); （在創建中）仍然打印正方形。 對於路徑，我嘗試了絕對路徑，但仍然無法正常工作。 這是我的目錄的設置方式。 目錄。 我的問題是，我做錯了什么？ 我是 Phaser 中的絕對菜鳥，因此非常感謝任何幫助，謝謝。

（編輯：對於我不小心說moveRight0的目錄截圖，我的意思是moveRightAtlas.png）

閱讀更多后，似乎圖像存在，但我用來測試游戲的 web 服務器似乎無法加載它。 所以問題很可能出在網絡服務器上。 我正在使用包裹。

Answer 1

該路徑應相對於 HTML 文件。 所以可能：

this.load.image('testing','assets/user/body/moveRightAtlas.png');

Answer 2

您可能應該在您的src中移動資產目錄，然后從那里移動 go。

這是用於工作包裹設置的 samme 存儲庫如何進行導入：

[...]
    import images from './assets/*.png';
[...]
    this.load.image('space', images.space);
[...]

在你的情況下，它可能是這樣的：

[...]
     import moveRightAtlas from './assets/user/body/moveRightAtlas.png'; 
[...]
     this.load.image('testing', moveRightAtlas);
[...]

還要檢查其 README 以獲取用於復制資產的插件。