• Editor
  • Spinning Coin

Hi, are there any spinning coin tutorials here, so it appears 3D.

I did see one on You Tube, but had no sound so wasnt easy to follow, as I have not used Spine in a while.

Many Thanks

Yes, there are several resources available to help you create a spinning coin animation in Spine that appears 3D. Here are some useful links and tips:

  1. Coin Example Project: This official example project demonstrates how to make a spinning coin. You can find it here. This example uses a combination of scaling and moving bones to create the illusion of a 3D spin.

  2. Frame-by-Frame Animation: If you need better performance, especially when exporting to JSON or binary format, consider creating a frame-by-frame animation of the rotating coin and animating it as a sequence attachment. More details can be found in the Spine 4.1 release blog.

  3. Rotating Diamond Tutorial: This tutorial can also be adapted for creating a spinning coin. You can find it here.

  4. Windmill Blades Example: For a horizontal spin, you can follow the steps indicated in the Windmill Blades example.

These resources should help you get started with creating a spinning coin animation in Spine.

10 mois plus tard

If you're going for a spinning coin that looks 3D in Spine, I’d suggest first looking at some visual references. Before diving into Spine, it's a good idea to think about the overall style of your game. Is it cartoonish, realistic, fantasy-themed, or something related to gambling? The type of setting will influence how your coin should look in terms of shading, shape, and spin behavior. When I was working on a project with a similar theme, I checked out some examples at https://somagyarkaszino.com to see how coins are used in animated effects and bonus visuals. Searching for “2D coin spin animation” or “coin sprite sheet” based on specific themes can give you much better ideas than using generic references.

Back when I needed a similar effect, I found this guide really useful:

They explain how to simulate 3D by distorting shapes and adjusting timing.
Also check out this blog post:
http://esotericsoftware.com/blog/spine-tips-simulating-depth

It helped me understand how to fake rotation using squash/stretch and subtle mesh warping.
Lastly, if you have access to drawing software, you could export a few frames from a 3D tool (like Blender or even a coin spin GIF), trace over them, and import those as separate images in Spine for frame-by-frame style. This gives a really clean result if mesh warping is too tricky.