Creating an Ocean Scene

In this chapter, we will be creating an ocean scene. To do that, we will be revisiting the Shape protocol and path function that we used in the previous project to create the waves, as well as a new SwiftUI property called animatableData, which will help to make our curvy lines animate in a fluid wave-like motion.

We will also add an image of a buoy to our scene and animate it in multiple different ways, including moving it along an anchor point, rotating it around the center of this point, and making it rise up and down along the y-axis – so the buoy looks like it’s bobbing in the water.

Finally, we will add some sound effects to the project to help it really come alive.

In this chapter, we will cover the following topics:

• Adding the wave’s offset property
• Creating a wave shape using the Shape protocol and Path function
• Adding the wave’s animatableData property
• Setting up the ContentView for animation...