Phaser가 타일 맵을 로드하지 못했고 화면에 검은색 화면만 표시되었습니다.

Question

타일드 맵 편집기에서 생성된 타일 맵을 로드하려고 합니다. 이를 json 파일로 내보내 타일 세트와 함께 공용 폴더의 자산 폴더에 배치했습니다. 캔버스에 나타나는 것은 모두 검은색이다. 변화가 있는지 확인하기 위해 카메라 위치를 변경해 보았으나 소용이 없었습니다. 오류 메시지가 표시되지 않으며 네트워크 탭에서 지도와 타일셋 로드를 볼 수 있습니다. 이 문제에 대한 답을 찾을 수 없습니다.

내 main.js

으아악

내 index.html:

으아악

타일셋과 지도를 기록했고 둘 다 개체를 올바르게 로드했습니다. 어떤 도움이라도 대단히 감사하겠습니다.

편집: 잘 작동할 github의 저장소도 복제했지만 해당 코드에서 동일한 문제가 발생했습니다. 무슨 일이 일어났는지 정말 모르겠어요. 이것은 제가 github에서 확인한 저장소입니다: https://github.com/ourcade/phaser3-dungeon-crawler-starter

Answer 1

이해할 수 없는 config中的render기능을 제외하고는 모든 것이 괜찮아 보입니다. JSON/타일식 및 코드에서 레이어 및 타일 세트의 이름을 확인하여 일치하는지 확인할 수 있습니다 (공백 및 대/소문자 확인) . 이로 인해 지도가 그려지지 않을 수 있습니다. 특히 다음 문장은:

1. const map = this.make.tilemap({ key: 'map' })
   • 여기 map열쇠
   가 있습니다
2. const tileset = map.addTilesetImage('RPG_Tileset', 'tiles')
   • 여기는 RPG_Tileset和tiles
3. const layer = map.createLayer('Tile Layer 1', tileset, 0, 0)
   • 여기는 Tile Layer 1

후행 공백이 누락되어도 생성이 실패할 수 있습니다.

그런데: 여기 https://github.com/ourcade/phaser3-dungeon-crawler-starter/releases/tag/latest에서 zip 파일 SourceWithAssets.zip을 다운로드하셨나요? 아니면 readme.md中提到的那样使用了git-lfs？如果是这样，它应该可以工作，我刚刚尝试了一下，它可以工作。如果不行，请确保更新您的node和/或npm版本，并按照readme中的说明在主文件夹中执行npm install 명령과 같은 경우입니다.