We managed to get to a pattern that is very similar to what we want to create. Now we went back and we kind of removed the animation on Tab and now the challenge is to bring it back and to be as similar to what we have for the initial goal. Let’s go back to Chachi BT and right after you update the code, it’s going to be completely in sync. Now we’re going to ask it to bring back the tab animation to another pattern, and that one is a Galaxy. It’s very specific, and I think from here, it’s able to tell you or it’s able to know what kind of pattern you’re looking for. So let’s try that. You can see here that it’s giving me the change specific to the sunflower view. But it’s going to give me some comment, so for example, it’s not as easy as just copy and paste the entire code, which is very useful for beginners or if you’re lost in the code. Even if you’re experienced, it can still be a challenge to know exactly what changed and what didn’t change. One thing you can do is ask to give you the entire code for the sunflower view. This is very useful because the way that code works is that you can break it down into multiple views, multiple files, but also multiple sections of the code. In this case, we have just the sunflower view that is affected. Therefore, you can simply ask to have the entire code for that. And because of this, I can just copy the entire code and I don’t have a lot of instructions. So let’s do that. Now we just need to know where it is, so we’re going to find the sunflower view. This is what we have: content view, sunflower shape, and then sunflower view. So now we’re going to select the entire sunflower view and then paste that code. And that should be good. Clicking on it, voila! We have that beautiful animation. It has a second pattern. It’s really cool. I mean, you can see how powerful it is to just use prompts and we haven’t edited any code so far on our own except for changing the size of the circle here. And you can see that we managed to create a really cool animation that we can pretty much show off to our team or on social media, and it’s going to create really good reactions. This is what we have. We can definitely customize it a little bit further. For example, I’m going to change the animation here that is in and out. So if you read the code a little bit, you have the state, the animation, and you understand a little bit about what’s going on here. So I explained that this is where we’re setting the pattern, we’re setting the loop, and then we have the frame and then we have the gesture. So on top gesture, with animation using ease in and out, these are some keywords for animation. And if you’ve done some animation, you know that there are some timings that you should be familiar with. For example, is in, so this is when you’re slower at the beginning or at the end or both. And then you also have the very popular spring animation. So using that keyword, we can go and ask the animation should use spring. And so here, the only thing that I need to change is basically from the state to the body. So I can copy the entire thing and just make sure that I know exactly where to change. So I’m going to go back to Xcode and here, the body and the state, paste the entire thing, fix the indentation. And now we have something a little bit more spread out. Really cool. Then finally, we can set the Galaxy pattern. So going back, I’m going to ask the Galaxy pattern should be more spread out so we should have more turns and feel more of the blank space. So Chachi PT is going to try to do that again just repeating the same technique here and starting with the state at the very top, paste that, fix the indentation, come back here, and now we only need to change the Galaxy position. And voila! Isn’t that cool? I mean, it’s so cool in terms of the animation. The bouncing effect, the colors. And if we did all of that pretty much with only ChatGPT’s help, and now we can just customize any of these values that we might or might not be familiar with. But I think it’s important to play with some of these values to see how it changes and just have fun. But as you can see, we can turn an abstract concept into an actual project that we can create as a view that will be part of an app, that you can set as a background of a card, for example, or anything you want. But in this case, we’re really prototyping the animation, we’re making it interactive, we’re playing with the values, and ChatGPT really gave us all the help on creating that thing, which is amazing considering that even if someone doesn’t know anything about code or about Swift UI, they can really create something as complex and as cool as this. So I hope you enjoyed all the techniques that we have learned so far, how to deal with all that process and the issues, how to work with the code, and I also hope that all the explanation that I gave you in terms of setting up Xcode, setting up the preview, and where to work with the different files and the code sections, and dealing with ChatGPT has been helpful. And I’ll see you in the next section.
