- Düzenlendi
Animate 2D planet
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:
- http://bestanimations.com/Earth&Space/Earth/earth-spinning-rotating-animation-14.gif
- https://cdn.dribbble.com/users/31752/screenshots/1528969/globe-dribbble-400x300_1_.gif
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 yazdı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 yazdı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 .
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??