I am trying to re-create the pattern of this background image, it looks like clouds. Is there a way to do it programmatically using SwiftUI?

I understand how to add the gradient and the colors, same with image text and buttons but I don't know if I can get the pattern programmatically or if I have to get an asset for a pattern like this. Should I just get a picture?

I am trying to re-create the pattern of this background image, it looks like clouds. Is there a way to do it programmatically using SwiftUI?

I understand how to add the gradient and the colors, same with image text and buttons but I don't know if I can get the pattern programmatically or if I have to get an asset for a pattern like this. Should I just get a picture?

• swift
• swiftui
• background

• You can probably get close with circles. I have done several cloud backgrounds with circles of random sizes, and randomly gradient masked. Or you can make it full smokey with a particle generator. – lorem ipsum Commented Mar 7 at 17:46

1 Answer 1

1. Google -> "image smoke texture particle"

2. put set of Imgs inside of ZStack with different offset and different rotate angle

3. make overlay color over the ZStack OR try to make image template with needed color (.renderingMode(.template) ). Not sure template will work or not for this case

4. Add mask opacity gradient to make left and right sides a little bit less bright

and you will get similar image to shared by you

Also you can try animate images using rotation - this will look great