Animated background

Guides
#1

If you want to create a animated background you can use the following blocks.

You can extract an animated gif into separate frames and rotate through them. The blocks are an example of how it may look. It is a gif that had 53 frames.

Here a couple of the images.

spider-0 spider-1 spider-2 spider-3 spider-4

image

I will attach the aia so you can see how the animation looks on your phone.

animatedbackground.aia (433.3 KB)

This is how it looks in the app.

https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/2X/7/75696a64ad3dc69f9e760d3b9baf80739139743c.mp4

18 Likes
GIF components/extension
Background screen video
How to create animation splash screen without using lottie
Any gif extension
About implementing gif in an app
#2

Peter. Your logics really awesome. I am a big fan of your Koding. Thank you for the guides…

6 Likes
#3

TLDR (actually not, expected 53 images), :spider: SPIDERS.

1 Like
#4

How can I export all images from a gif file?

#5

You can use any GIF Extractor or Splitter type services available online like:

3 Likes
#6

Is there any way to upload a large number of images to Kodular? Because I have 100 frames (which are 100 pictures)

#7


Taifun
PS: yes, searching the community can help…

5 Likes
#8

cool thing

#9

thanks man nice one

#10

Thank you…

#11

This method is also applicable for animating sprites. You change the block Screen1.BackgroundImage for ImageSprite.Picture.

1 Like
#12

And how can I show the images faster? Because the gif works but it goes very slowly, I want less time between frames.

#13

You can show the image faster by setting the clock timer to 10-50 range