Error Web spine player "assets could not be loaded"

CarlosOV

Hi.
I'am testing the code provided on your page.

http://es.esotericsoftware.com/blog/Embedding-assets-with-Spine-Web-Player

It does not reproduce your HTML code, it shows this error.

Can you help me or say why is this happening?

Mario

This is likely a cross-origin issue. Did you copy the test code to a local HTML file and serve it via a local server? Then your browser might prevent loading the assets files from our server, as those are on a different domain. Could you open the development console in your browser and paste any errors you see in there? Ultimately, you want to copy the assets too and serve them from the same domain (i.e. if on a local server 127.0.01 or localhost).

CarlosOV

Yes, it is true that I am running it from a local host. I get this error in the image.
Could you tell me what configuration I do in my browser Chrome? Or What can I change in the HTML code of your page?

I've also downloaded the .json and .atlas files and saved it in my local folder "index.html" . I try from the port you told me and the same error keeps getting. Will there be a web server where can i try your code not problem?

I changed in jsonurl, puting the address of the assets of my folder. But I've the same error.

jsonUrl: "https://esotericsoftware.com/files/examples/spineboy/export/spineboy-pro.json",
atlasUrl: "https://esotericsoftware.com/files/examples/spineboy/export/spineboy.atlas"

Help me, please.

Mario

Ah yes, it's what I expected. The assets are not served with CORS enabled. I'll fix that up on our end. You can however make it work on your local server as follows:

Get all the files needed to load the raptor. This includes the .json and .atlas file, but also the .png file making up the images of the raptor. You can find all the files here: spine-runtimes/examples/raptor/export at 3.8
Put those files next to your index.html file on your local disk, in the folder which you serve with your local webserver.
Modify the JavaScript code so you load the assets from your local server instead of from our server:

new spine.SpinePlayer("player", {
 jsonUrl: "raptor-pro.json",
 atlasUrl: "raptor-pma.atlas",
 animation: "walk",
 backgroundColor: "#666666",
});

That should do the trick.

CarlosOV

Thanks bro. If works.
But when I run the file from a folder on my disk C, I get these codes in the player that can be seen in the .json. Why can't you see the animation? I need to add something?

I've the .json, .atlas and .png files in my html folder. Is there any way to reproduce the .atlas , .PNG and .Skel on Unity?

Mario

I'm afraid I need to see your index.html file to say anything. From the URL in your browsers address bar I see that you aren't serving the files with a local server, but just opened the index.html straight from disk. This won't work.

As for Unity, have a look at the spine-unity docs here: spine-unity Runtime Documentation

Harald

Since you mentioned that you are using Unity:
Please note if you want to launch the index.html file directly (and load files and images from your local disk in the browser) you can run e.g. Chrome with this argument: `

allow-file-access-from-files`.

As an alternative you can choose Build and Run from Unity, which will have a similar effect.