Skip to content

Instantly share code, notes, and snippets.

@mageshsridhar

mageshsridhar/HelloStartupAnimation.swift

Created January 27, 2022 18:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mageshsridhar/98ec706d6fad312586849319c0b7f0e7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mageshsridhar/98ec706d6fad312586849319c0b7f0e7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mageshsridhar created this gist Jan 27, 2022.
    97 changes: 97 additions & 0 deletions HelloStartupAnimation.swift
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,97 @@
    //
    // ContentView.swift
    // HelloStartupAnimation
    //
    // Created by Apple Design Dev on 1/26/22.
    //

    import SwiftUI
    import PureSwiftUI

    private let helloLayoutConfig = LayoutGuideConfig.grid(columns: 35, rows: 30)

    private typealias Curve = (p: CGPoint, cp1: CGPoint, cp2: CGPoint)

    private struct Hello: Shape {
    @State var debug : Bool
    func path(in rect: CGRect) -> Path {
    var path = Path()
    let g = helloLayoutConfig.layout(in: rect)
    var curves = [Curve]()

    let startPoint = g[2,18]
    let p2 = g[8,13]
    let p3 = g[6,13]
    let p4 = g[5,18]
    let p5 = g[8,15]
    let p6 = g[10,18]
    let p7 = g[14,16]
    let p8 = g[12,15]
    let p9 = g[14,18]
    let p10 = g[19,11]
    let p11 = g[17,17]
    let p12 = g[24,11]
    let p13 = g[23,18]
    let p14 = g[26,15]
    let p15 = g[28,14]
    let p16 = g[30,16]
    let p17 = g[26,16]
    let p18 = g[32,14]

    path.move(startPoint)
    curves.append(Curve(p2,g[4,18],g[7,15]))
    curves.append(Curve(p3,g[9,11],g[7,10]))
    curves.append(Curve(p4,g[5,17],g[5,18]))
    curves.append(Curve(p5,g[5,17],g[6,15]))
    curves.append(Curve(p6,g[10,15],g[7,18]))
    curves.append(Curve(p7,g[11,18],g[13,17]))
    curves.append(Curve(p8,g[15,15],g[13,14]))
    curves.append(Curve(p9,g[11,16],g[11,18]))
    curves.append(Curve(p10,g[18,18],g[21,11]))
    curves.append(Curve(p11,g[19,11],g[17,11]))
    curves.append(Curve(p12,g[18,21],g[26,13]))
    curves.append(Curve(p13,g[22,10],g[20,18]))
    curves.append(Curve(p14,g[25,18],g[25,16]))
    curves.append(Curve(p15,p14,g[27,14]))
    curves.append(Curve(p16,g[29,14],g[30,15]))
    curves.append(Curve(p17,g[30,17],g[27,20]))
    curves.append(Curve(p15,p14,g[27,14]))
    curves.append(Curve(p18,p15,g[31,15]))

    for curve in curves {
    path.curve(curve.p, cp1: curve.cp1, cp2: curve.cp2, showControlPoints: debug)
    }

    return path
    }
    }

    struct ContentView: View {
    @State private var progress = 0.0
    @State private var lineWidth : CGFloat = 12
    @State private var number = 0
    var body: some View {
    VStack {
    Spacer()
    Hello(debug: false)
    .trim(from: 0, to: progress)
    .stroke(.black, style: StrokeStyle(lineWidth: lineWidth, lineCap: .round, lineJoin: .round))
    .frame(width:UIScreen.main.bounds.size.width - 40, height: UIScreen.main.bounds.size.height/2)
    Spacer()
    Image("Logos")
    .resizable()
    .resizedToFit(120)

    }.onAppear() {
    withAnimation(.easeInOut(duration: 4).delay(1).repeatForever(autoreverses: true)){
    progress = 1.0
    }
    }
    }
    }

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