Best way to loop many animated backgrounds

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By schenkrrr

Hello everyone

I already found some different answers for questions like mine, but I would like to know, what’s the best way in your opinion for my project.

What I would like to create?
I want to create a point-and-click adventure like beneath a steel sky, lucasfilm games or myst (but not 3d) etc. So I will work with many scenes. The story is a bit like an escape room. Long story short: I need a picture and some areas to click. Depending on which area you click the scene will be changed and another picture will be shown.

Where do I need animations?
The game is played in first-person, so the character will not be shown. for the graphics I want to use photos. But I would like to animate them a little bit. For example, a scene with a house. The sky is animated that there are some birds flying from time to time over the screen. Next to the house is a lake. The water should show a steady waving animation. So there are not just moving objects… it’s really about photorealistic movements.

What I already know - but I am not sure about…
I created some animation with photoshop and exported them as GIFs. I know that importing of gifs is not possible. To create a sprite sheet from such a gif is almost not possible, due to its high resolution and number of frames. Then I thought about using a video player. I could export the animations as webm but I am not sure if this is a good way how to do this.

Thanks in advance for your tipps!


Have you looked into reducing the number of frames in the animation, and using an AnimatedSprite node instead?

Ertain | 2021-05-01 07:37

Hello Ertain

Thanks for the quick reply. I think that would probably be the best way - also not to overload the game. But I there will be many frames anyway for a smooth animation. I would not use a movie longer than 30 seconds in a loop… To show what I wanted the game look like, the following YouTube video shows a scene like that:

You can see the water moving and elements flying around.

schenkrrr | 2021-05-01 09:32

I think there are no shortcuts,create flames of the background and use an animated sprite.

magicalogic | 2021-05-01 18:17