javascript - PreloadJS 与 Spritesheet : FILE_LOAD_ERROR

标签 javascript createjs sprite-sheet preloadjs

我的代码:

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。

救命!

最佳答案

好的,您的 JSON 文件必须完美!

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

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

关于javascript - PreloadJS 与 Spritesheet : FILE_LOAD_ERROR,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49963131/

相关文章:

javascript - 在 CreateJS 中加载视频最简单的方法?

java - 加载 Sprite 表时出现问题

javascript - 如何在 Javascript 中缩放 Sprite

javascript - 如何按名称获取所有单选按钮值

javascript - 如果 div 向下移动,则不会触发按钮单击

javascript - 如何彻底清除CreateJS代码和 Canvas ?

javascript - 如何使用 create js 在 Canvas 上添加 html DOM 元素?

python - 如何使表面(次表面)围绕矩形居中? (缩放 Sprite 碰撞箱/碰撞矩形)

javascript - 即使您以 150% 放大,也强制浏览器禁用水平条

javascript - 如何在 JavaScript 中对任意长的位序列进行 popcount 或计数