使用 Spritesheet 预加载 JS：FILE_LOAD_ERROR

Question

我的代码：

var queue = new createjs.LoadQueue(false);
    queue.on('complete', onComplete, this);
    queue.on('error', onError, this);
    queue.on('progress', onProgress, this);

    queue.loadManifest([
        { src: "images/ground.json", id: "1", type: createjs.Types.SPRITESHEET, crossOrigin:true }
      ]);
    
    function onComplete(event) {
        console.log('Complete', event);

        init();
    }

    function onError(event) {
        console.log('Error', event);
    }

    function onProgress(event) {
        console.log('General progress', Math.round(event.loaded * 100));
    }

用这个 json:

{
"images": ["images/HauptmenuOhneButtons.png"],
"frames": [
    [0, 0, 1920, 1080], 
],
"animations": {
    "background": [0]
}
}

我的结构是：

index.html
images/ground.json
images/HauptmenuOhneButtons.png

我收到错误 FILE_LOAD_ERROR。

求助！

Answer 1

好的，您的 JSON 文件必须是完美的！

检查每个逗号！！最后一帧或动画后没有逗号。

{
    "images": ["images/HauptmenuOhneButtons.png"],
    "frames": [
        [0, 0, 1920, 1080] 
    ],
    "animations": {
        "background": [0]
    }
}

使用 Spritesheet 预加载 JS：FILE_LOAD_ERROR

PreloadJS with Spritesheet: FILE_LOAD_ERROR

javascript

sprite-sheet

createjs

preloadjs