Skip to content
forked from joogps/Glur

Progressive blurs in SwiftUI.

License

Notifications You must be signed in to change notification settings

lilingxi01/Glur

This branch is 37 commits behind joogps/Glur:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d383bc4 · Feb 5, 2024

History

18 Commits
Feb 5, 2024
Feb 5, 2024
Jun 11, 2023
Jun 11, 2023
Feb 4, 2024
Feb 5, 2024

Repository files navigation

Glur Project logo

Twitter: @joogps

A SwiftUI library that uses Metal to display efficient progressive blurs, just like the ones used by Apple.

Installation

This repository is a Swift package, so just include it in your Xcode project and target under File > Add package dependencies. Then, import Glur to the Swift files where you'll be using it.

Usage

You can add a glur effect with the following modifier:

.glur()

Here are all optional parameters:

.glur(offset: 0.3, // The offset until the blur starts being applied, relative to the size of the view
      interpolation: 0.4, // The interpolation until the blur reaches its full radius, relative to the size of the view
      radius: 8.0, // The full radius of the blur once it has interpolated
      direction: .down // The direction of the blur
)

How it's done

This project makes use of Apple's new simplified Shader API for SwiftUI. I first coded a Metal shader that produces a gaussian blur for the modified view with the correct gaussian weights distribution, efficiently. Then, I modified it to vary the blur radius over the vertical or horizontal axis given the offset and interpolation values.

If you want to learn how to write your first Metal shader with SwiftUI, check out this tutorial that I wrote for the Cindori blog.

Demo

You can run a demo of Glur in your device or simulator through the GlurDemo project in this repository.

About

Progressive blurs in SwiftUI.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Swift 57.6%
  • Metal 42.4%