Spine Web Player released

December 21st, 2018

2018 is coming to a close, with Christmas and New Year's Eve looming. We at Esoteric Sofware would like to celebrate the occasion with a small gift! We are happy to announce the release of the Spine Web Player.

The Spine Web Player lets you easily show your Spine animations on your website or blog. It's a great way to show off your portfolio, share animation ideas with coworkers and friends, or simply make your site fancy.

The player comes equipped with familiar controls like pause, resume, and a scrubbable timeline, as well as Spine-specific controls that let viewers of your content switch between animations and skins, or show the meshes and bones in your skeleton.

Putting the player on your web page is easy. The above player was created with this HTML/JavaScript snippet:

<!-- Include the JavaScript and CSS files -->
<script src="https://esotericsoftware.com/files/spine-player/3.7/spine-player.js"></script>
<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/3.7/spine-player.css">

<!-- Create a container element -->
<div id="player"></div>

<!-- Create the player with your settings and container ID -->
<script>
new spine.SpinePlayer("player", {
jsonUrl: "https://esotericsoftware.com/files/examples/raptor/export/raptor-pro.json",
atlasUrl: "https://esotericsoftware.com/files/examples/raptor/export/raptor-pma.atlas",
animation: "walk",
backgroundColor: "#666666",
});
</script>

You can actually just put this above snippet into an .html file and open it locally with your browser! For an in-depth explanation, check out our extensive Spine Web Player guide.

Note the old, less powerful Spine widget has been removed in favor of the new Spine Web Player.

Next up

This year has been crazy busy for us! You've provided us with invaluable feedback, a lot of which has already been integrated in our 3.7-beta editor and runtime releases. The 3.7 release is scheduled for the 7th of January 2019, so there is something to look forward to when you return from your well deserved holidays.

Until then, we wish you a Merry Christmas and a Happy New Year!
The Spine Team

Discuss this post on the Spine forum.