在 Phaser3 中从 Multiatlas 加载文件时出错

Question

正在尝试使用 Phaser 和 TexturePacker 中的多图集功能。

出现此错误：

VM32201:1 GET http://localhost:8080/bg-sd.json 404 (Not Found)
Texture.js:250 Texture.frame missing: 1/1.png

JSON 文件实际上位于 http://localhost:8080/dist/img/bg-sd.json，我可以浏览到它。我还可以浏览到 http://localhost:8080/dist/img/bg-1-sd.png.

我正在像这样加载地图集：

    scene.load.multiatlas({
        key: 'bg-sd', 
        atlasURL: 'dist/img/bg-sd.json', 
        baseURL: 'dist/img'
    });

1/1.png 框架也在文件中：

{
    "textures": [
        {
            "image": "bg-1-sd.png",
            "format": "RGBA8888",
            "size": {
                "w": 1924,
                "h": 2039
            },
            "scale": 0.5,
            "frames": [
                {
                    "filename": "1/1.png",
                    "rotated": false,
                    "trimmed": false,
                    "sourceSize": {
                        "w": 960,
                        "h": 540
                    },
                    "spriteSourceSize": {
                        "x": 0,
                        "y": 0,
                        "w": 960,
                        "h": 540
                    },
                    "frame": {
                        "x": 1,
                        "y": 1,
                        "w": 960,
                        "h": 540
                    }
                },

我尝试了 path 和 baseURL settings 的各种组合，但它不会从 dist/img 加载文件。

Answer 1

我认为同时提供 baseURL 和 atlasURL 可能会产生冲突。 baseURL 附加在 atlasURL 值前面，因此您可能正在加载类似 dist/img/dist/img/bg-sd.json 的内容。

你试过没有配置对象吗，比如：

this.load.multiatlas('bd-sd', './dist/img/bg-sd.json');

在 Phaser3 中从 Multiatlas 加载文件时出错

Error loading files from Multiatlas in Phaser3

json

typescript

texture-atlas

phaser-framework

webpack