Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your issue was, that you created a SpriteSheet with an image-url, this triggered a loading process already, and the preload-js queue actually loaded nothing, because the loading for the image was already in progress, so the "onComplete"-event was allways triggered before the image was actually loaded - which makes sense, because there is no need to load an image twice</p> <p>I've updaded your jsfiddle and added some comments: <a href="http://jsfiddle.net/K4TmS/1/" rel="nofollow noreferrer">http://jsfiddle.net/K4TmS/1/</a> (full code)</p> <pre><code>spriteSheet = new createjs.SpriteSheet({ "animations": { "none": [0, 0], "run": [0, 25], "jump": [26, 63] }, //this line in YOUR version triggered an own loading process, independent from the queue "images": [result], "frames": { "height": 292.5, "width":165.75, "regX": 0, "regY": 0, "count": 64 } }); // this was executed instantly, because the image was already in another loading progress, and therefore wasn't even added to the queue loader.onComplete = onResourcesLoaded; </code></pre> <p>The DOM Security Error18 can be ignored with this argument here (for development) <a href="https://stackoverflow.com/questions/3102819/chrome-disable-same-origin-policy">Disable same origin policy in Chrome</a> But for production you should just load the img from the same server, then image-operations won't give an error.</p> <p><strong>So in short:</strong> Your issue was due to the wrong order of executing things, remember: if you use preloading: Do preloading before EVERYTHING else, and do NOTHING else untill the preloading isn't done. (Except for a loading-graphic/animation/indicator).</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload