• Editor

  • Animate 2D planet

    anglais
Related Discussions
...

Hi everyone,

I have been looking around but I was not able to find anything so, I decided to ask here in hope anyone could provide some help.

I'm trying to use spine to animate a planed rotating on its axis.
Some examples:

Would anyone be able to help me with this? any examples or orientation on how to do it?

Many thanks in advance for any help you can provide.

Create a blue sphere, and then a separate texture for the continents. Place the continents image on a separate bone and translate it on the X axis. Use clipping on the continents so they are cut off at the edges of the blue sphere.

Take a look at the coin example, to see how I used clipping on the highlight image to prevent it from going outside the coin. It's the same principle 🙂

If you can do this masking engine-side instead of in Spine, that would be better for performance.

Hey palanolho ,
Here is a project made with the clipping mask as @shiu suggested.
I think this might help.

Pharan a écrit

If you can do this masking engine-side instead of in Spine, that would be better for performance.

In this case, I would only create a "rectangular" animation of the planet surface moving and them with pixiJS (for example) I would do the circular mask/clipping?

Shiv a écrit

Hey palanolho ,
Here is a project made with the clipping mask as @shiu suggested.
I think this might help.

Thanks @Shiv and @shiu.
I will have a look to understand it .

6 mois plus tard

hi

i just found this posting, because i am having the same problem right now. but i work with gamemaker studio.
your solution was the same than mine, but i think it looks very flat.
so im wondering, how i could get an fish eye effect. If you watch the rotation of an planet, you see, that the edges will get a little bit deformed.

do you know how i can bring this effect??