• Runtimes

  • Setting up to work with wordpress site

    inglese

I'm going to preempt this by saying that the instructions on the runtime page didn't make a whole lot of sense to me. I know enough to transfer files and write some html and various scripts, but the backend stuff is just foreign to me.

Having said that, I'm attempting to set up a few pages to run some spine animations on my website. I'm working with the spine-ts runtime and set up a directory on my site, copied the spine-widget.js and widget.ts files there. I then set up a really basic html file (similar to what Erika did in here video tutorial), changed up the values to point to my .assets and .json files, and then posted the whole lot on my server. However, when I attempt to load the page in my browser all I get is an error in my console and nothing actually appears in the browser page.

And all of this is before I even attempt to build any of this into a wordpress framework. I'm considering just using APNGs for sake of ease, but it would be great to really take advantage of what is one of the key benefits of Spine.

Any advice on how to proceed would be appreciated.

Related Discussions
...

  • Nate

  • Messaggio #3
  • Questo post è in inglese

If you get an error, showing the error would help (or linking to the page). Can you give more specific feedback on what didn't make sense in the documentation? We'd like to improve it.

Sure. The message I'm getting is "TypeError: undefined is not an object (evaluating 'page.texture.setFilters')". I'd be happy to give you a link to the page if you PM me.

As for the documentation, I think that it provides good information as to what the runtime does but not a lot so far as how to set it up. Like, step 1 - download runtimes. step 2 - create directory, etc. Does that make sense? I think once I go through the process of making this work for myself I could have more feedback as far as that is concerned. Clearly it is not an issue for some people as plenty have clearly managed to get this working.

I'm wondering - if I am using the spine-widget.js approach, do I need to include any other files from the runtime on my server? I am looking at the debug console in safari for the examples on your site(at http://esotericsoftware.com/files/runtimes/spine-ts/examples/widget/) and, when I look at the resources, the spine widget expands out to show a lot of subdirectories. I've only uploaded the one file. Is this potentially where I am making my mistake?

Final update - I just spoke with Erika in the discord. She got me all fixed up (perhaps, as a puppy, I should choose a word other than "fixed"). Anyhow, I had multiple images in my atlas. That seems to be the root of the issue.

With that said, it might be worth noting that in the documentation (I didn't see it there) or having a little "troubleshooting" section for exactly situations like this.

Thanks for the assist, Nate. Whatever Erika is getting paid is not nearly enough.