implemented shader testing view (shaderplayground)

ShhShell/Host/HostsManager.swift

@@ -47,7 +47,7 @@ class HostsManager: ObservableObject, @unchecked Sendable {
 		loadFonts()
 		loadSnippets()
 		loadHistory()
-//		self.shownOnboarding = UserDefaults.standard.bool(forKey: "shownOnboarding")
+		self.shownOnboarding = UserDefaults.standard.bool(forKey: "shownOnboarding")
 	}
 	
 	func setOnboarding(to newValue: Bool) {

ShhShell/Terminal/ShaderTestingView.swift

@@ -11,24 +11,37 @@ struct ShaderTestingView: View {
 	@State private var start = Date.now
 	
 	var body: some View {
+		GeometryReader { geo in
+			TimelineView(.animation) { tl in
+				ZStack {
+					let time = start.distance(to: tl.date)
+					VStack {
+						HStack {
 							Image(systemName: "figure.walk.circle")
-			.font(.system(size: 300))
+								.resizable().scaledToFit()
+								.foregroundStyle(.blue)
+							Image(systemName: "arrow.right")
+								.foregroundStyle(.gray)
+								.frame(width: 25, height: 25)
+							Image(systemName: "figure.walk.circle")
+								.resizable().scaledToFit()
 								.foregroundStyle(.blue)
 								.colorEffect(ShaderLibrary.redify())
-		Section("Shaded") {
-			TimelineView(.animation) { tl in
-				let time = start.distance(to: tl.date)
+						}
+						
 						Image(systemName: "figure.walk.circle")
-					.font(.system(size: 300))
+							.resizable().scaledToFit()
+							.foregroundStyle(.blue)
+							.colorEffect(ShaderLibrary.rainbow(.float(time)))
+						
+						Image(systemName: "figure.walk.circle")
+							.resizable().scaledToFit()
 							.foregroundStyle(.blue)
 							.distortionEffect(
-						ShaderLibrary.wave(
-							.float(time)
-						),
+								ShaderLibrary.wave(.float(time)),
 								maxSampleOffset: .zero
 							)
 						Rectangle()
-					.frame(width: 200, height: 100)
 							.padding(.vertical, 20)
 							.foregroundStyle(.red)
 							.compositingGroup()
@@ -36,38 +49,34 @@ struct ShaderTestingView: View {
 								content,
 								proxy in
 								content.distortionEffect(
-							ShaderLibrary.waveFlag(
-								.float(time),
-								.float2(proxy.size)
-							),
+									ShaderLibrary.waveFlag(.float(time), .float2(proxy.size)),
 									maxSampleOffset: CGSize(width: 0, height: 40)
 								)
 							}
-			}
-		}
-		Section("Shaded") {
-			TimelineView(.animation) { tl in
-				let time = start.distance(to: tl.date)
+						
 						Rectangle()
-					.frame(width: 300, height: 200)
 							.colorEffect(
-						ShaderLibrary.sinebow(
-							.float2(300, 200),
+								ShaderLibrary.sinebow(.float2(300, 200), .float(time))
+							)
+					}
+					.brightness(0.2)
+					
+					Rectangle()
+						.foregroundStyle(.black.opacity(1))
+						.visualEffect { content, proxy in
+							content
+								.colorEffect(
+									ShaderLibrary.crt(
+										.float2(proxy.size),
 										.float(time)
 									)
 								)
-				Image(systemName: "figure.walk.circle")
-					.font(.system(size: 300))
-					.foregroundStyle(.blue)
-					.colorEffect(ShaderLibrary.rainbow(
-						.float(time)
-					))
+						}
+						.opacity(0.75)
+						.blendMode(.overlay)
+						.allowsHitTesting(false)
 				}
 			}
-		Section("Original") {
-			Image(systemName: "figure.walk.circle")
-				.font(.system(size: 300))
-				.foregroundStyle(.blue)
 		}
 	}
 }

ShhShell/Views/About/AboutView.swift

@@ -50,6 +50,14 @@ struct AboutView: View {
 							.shadow(radius: 2)
 					}
 				}
+				
+				NavigationLink {
+					ShaderTestingView()
+				} label: {
+					Text("Shader Playground")
+						.bold()
+					Text("This is a collection of all the shaders I made while learning!")
+				}
 			}
 			.transition(.scale)
 			.frame(maxWidth: .infinity)