Last active
December 1, 2023 04:43
-
-
Save Priva28/22fbae9dbe04a08fadf748793dd23d00 to your computer and use it in GitHub Desktop.
Gradient effect to emulate Apple Music Lyrics/Now Playing screen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// | |
// ContentView.swift | |
// GradientEffect | |
// | |
// Created by Christian Privitelli on 18/7/20. | |
// | |
import SwiftUI | |
struct ContentView: View { | |
@State var animation = false | |
var body: some View { | |
GeometryReader { geometry in | |
ZStack { | |
firstImage(geometry) | |
image(geometry) | |
image(geometry) | |
image(geometry) | |
VisualEffect(effect: UIBlurEffect(style: .light)) | |
VisualEffect(effect: UIBlurEffect(style: .light)) | |
VisualEffect(effect: UIBlurEffect(style: .dark)) | |
} | |
.frame(width: geometry.size.width, height: geometry.size.height) | |
} | |
.edgesIgnoringSafeArea(.all) | |
.onAppear { | |
withAnimation(Animation.linear(duration: 50).repeatForever()) { | |
animation.toggle() | |
} | |
} | |
} | |
func image(_ geometry: GeometryProxy) -> some View { | |
Image("image") | |
.resizable() | |
.frame( | |
width: randomFrame(geometry.size.width), | |
height: randomFrame(geometry.size.width) | |
) | |
.scaleEffect(randomCGFloat(in: 1...2.5)) | |
.opacity(0.5) | |
.rotationEffect(.degrees(randomDouble(in: -360...360)), anchor: .center) | |
.offset(x: randomCGFloat(in: -300...300), y: randomCGFloat(in: -300...300)) | |
.blendMode(.lighten) | |
.saturation(randomDouble(in: 0.4...1.4)) | |
.contrast(2) | |
} | |
func firstImage(_ geometry: GeometryProxy) -> some View { | |
Image("image") | |
.resizable() | |
.brightness(-0.5) | |
.rotationEffect(.degrees(randomDouble(in: -360...360)), anchor: .center) | |
.frame(width: geometry.size.height*2, height: geometry.size.height*2) | |
} | |
func randomFrame(_ base: CGFloat) -> CGFloat { | |
let randomNumber = animation ? CGFloat.random(in: -100...300) : CGFloat.random(in: -100...300) | |
let frame = base + randomNumber | |
return frame | |
} | |
func randomCGFloat(in range: ClosedRange<CGFloat>) -> CGFloat { | |
let randomNumber = animation ? CGFloat.random(in: range) : CGFloat.random(in: range) | |
return randomNumber | |
} | |
func randomDouble(in range: ClosedRange<Double>) -> Double { | |
let randomNumber = animation ? Double.random(in: range) : Double.random(in: range) | |
return randomNumber | |
} | |
} | |
struct ContentView_Previews: PreviewProvider { | |
static var previews: some View { | |
ContentView() | |
} | |
} | |
struct VisualEffect: UIViewRepresentable { | |
var effect: UIVisualEffect? | |
let effectView = UIVisualEffectView(effect: nil) | |
func makeUIView(context: UIViewRepresentableContext<Self>) -> UIVisualEffectView { | |
effectView.effect = effect | |
return effectView | |
} | |
func updateUIView(_ uiView: UIVisualEffectView, context: UIViewRepresentableContext<Self>) { } | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment