Phaser がタイルマップのロードに失敗し、画面に黒い画面だけが表示されました。

Question

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉459578805 · Answer

config の render 関数が理解できないことを除いて、すべて問題ないようです。 JSON/タイル内のレイヤーとタイルセットの名前とコードをチェックして、それらが (スペースと大文字小文字の区別に注意してください) と一致するかどうかを確認できます。これにより、マップの描画に失敗する可能性があります。特に次のステートメント:

const マップ = this.make.tilemap({ key: 'map' })
- ここに マップキー
const タイルセット = map.addTilesetImage('RPG_Tileset', 'tiles')
- こちらは RPG_Tileset と タイル
constlayer =map.createLayer('タイルレイヤー1',タイルセット,0,0)
- ここは タイルレイヤー 1

末尾のスペースが欠落している場合でも、作成が失敗する可能性があります。

ところで: ここから始めますかhttps://github.com/ourcade/phaser3-dungeon-crawler-starter/releases/tag/latest zip ファイル SourceWithAssets.zip をダウンロードしましたか、readme.md に記載されている git-lfs を使用している場合は?そうであれば、うまくいくはずです。試してみたところ、うまくいきました。これが機能しない場合は、必ず node や npm のバージョンを更新し、ホームフォルダーで npm install コマンドを実行してください。リードミー。

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

全員に返信(1)返信します

Phaser がタイルマップのロードに失敗し、画面に黒い画面だけが表示されました。