Joystick

import SwiftUI
      
struct ContentView: View {
  var body: some View {
    Text("Hello World")
    // write your Swift UI code here
  }
}
          
struct ContentView_Previews: PreviewProvider {
  static var previews: some View {
    ContentView()
  }
}

import SwiftUI

struct ContentView: View {
    @State private var location: CGPoint = CGPoint(x: 150, y: 150)
    private let joystickRadius: CGFloat = 100
    
    var body: some View {
        ZStack {
            Circle()
                .fill(Color.gray.opacity(0.3))
                .frame(width: joystickRadius * 2, height: joystickRadius * 2)
                .overlay(
                    Circle()
                        .fill(Color.gray)
                        .padding(30)
                        .position(location)
                        .gesture(
                            DragGesture(minimumDistance: 0)
                                .onChanged { value in
                                    let vector = CGVector(dx: value.location.x - joystickRadius, dy: value.location.y - joystickRadius)
                                    let angle = atan2(vector.dy, vector.dx)
                                    let clampedMagnitude = min(joystickRadius, sqrt(vector.dx * vector.dx + vector.dy * vector.dy))
                                    let clampedVector = CGVector(dx: cos(angle) * clampedMagnitude, dy: sin(angle) * clampedMagnitude)
                                    location = CGPoint(x: joystickRadius + clampedVector.dx, y: joystickRadius + clampedVector.dy)
                                }
                                .onEnded { _ in
                                    location = CGPoint(x: joystickRadius, y: joystickRadius)
                                }
                        )
                )
                .position(x: joystickRadius, y: joystickRadius)
        }
        .frame(width: joystickRadius * 2, height: joystickRadius * 2)
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

test