Adding an animated floating buoy to the ocean scene

When adding the buoy to our ocean scene, we will be giving it four different animations. It will do the following:

• Have a blinking light at the top of it
• Tilt forward and backward
• Move up and down
• Rotate along its leading anchor

All of these animations will combine to create a realistic-looking bobbing effect that simulates a floating object in an ocean reacting to the waves and current.

First, download the buoy image, which you can find in the Chapter 10 folder in the GitHub repository, and add the image to the Assets catalog. Then, create a new SwiftUI View file, which we will call BuoyView. Inside the file, we will need six variables to get this buoy off the ground and into the water, so add the following code to the BuoyView struct:

@Binding var tiltForwardBackward: Bool
    @Binding var upAndDown: Bool
    @Binding var leadingAnchorAnimate: Bool
 &...