oklchgradient's Introduction

OKLCH gradients for SwiftUI

This is a drop-in replacement for SwiftUI's built-in LinearGradient, RadialGradient, EllipticalGradient and AngularGradient shape styles that utilizes OKLCH color blending to create more visually appealing gradients.

Implemented using iOS 17's Shader API, since that seems to be the only way to write shape styles with custom rendering without relying on private APIs.

Install using SPM:

dependencies: [
    .package(url: "https://github.com/fwrs/OKLCHGradient.git", .upToNextMajor(from: "1.0.8"))
]

To use just prepend OKLCH to the gradient struct name:

// change

Rectangle()
    .background(LinearGradient(
        colors: [.blue, .yellow],
        startPoint: .leading,
        endPoint: .trailing
    ))

// to

import OKLCHGradient

Rectangle()
    .background(OKLCHLinearGradient(
        colors: [.blue, .yellow],
        startPoint: .leading,
        endPoint: .trailing
    ))

And enjoy the difference:

Note

At the moment it's not possible to pass AnyGradient structs to OKLCH gradients because there isn't a way to read color stops from an AnyGradient using public APIs. This functionality is limited to Apple's own built-in gradients.

oklchgradient's People

Contributors

Stargazers

Watchers

oklchgradient's Issues

Methods to call shader functions in SwiftUI

Hi @fwrs

Just wanted to ask if you know any other ways to call [[ stitchable ]] MSL functions in SwiftUI other than these four methods:

Abide either the colorEffect, layerEffect or the distortionEffect function signatures & then create View extensions which utilizes the filterEffect ...

Create a struct which conforms to ShapeStyle, View, Sendable & call the shader function in the func resolve() which is required for the struct to conform to ShapeStyle (The approach you used in your package).
This approach has a small downside. The metal function is called in a method that returns some ShapeStyle & as the result, you don't get some advantages of a method which returns some View (Shader doesn't conform to View) ...
So, in order to gain those advantages, you'd have to create another View struct & call the former ShapeStyle inside var body.

Recommend Projects

fwrs / oklchgradient Goto Github PK

oklchgradient's Introduction

OKLCH gradients for SwiftUI

oklchgradient's People

Contributors

Stargazers

Watchers

oklchgradient's Issues

Methods to call shader functions in SwiftUI

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent