# orx-shade-styles

Shader based fills and strokes, including various types of gradient fills.

<!-- __demos__ >
# Demos
[DemoRadialGradient01Kt](src/demo/kotlin/DemoRadialGradient01Kt.kt
![DemoRadialGradient01Kt](https://github.com/openrndr/orx/blob/media/orx-shade-styles/images/DemoRadialGradient01Kt.png
<!-- __demos__ -->
## Demos
### clip/DemoClip01


![clip-DemoClip01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/clip-DemoClip01Kt.png)

[source code](src/jvmDemo/kotlin/clip/DemoClip01.kt)

### clip/DemoClip02


![clip-DemoClip02Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/clip-DemoClip02Kt.png)

[source code](src/jvmDemo/kotlin/clip/DemoClip02.kt)

### clip/DemoClip03


![clip-DemoClip03Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/clip-DemoClip03Kt.png)

[source code](src/jvmDemo/kotlin/clip/DemoClip03.kt)

### composed/DemoComposed01

The main entry point of the application that sets up the visual program.

This method creates a graphical program with a 720x720 window and uses a rotating
gradient-shaded rectangle as the primary visual element. It demonstrates the use
of gradient shading and clipping through a compositional approach.

The method performs the following actions:
1. Configures the application window size.
2. Constructs a conic gradient with a rotation of 54 degrees and full circular coverage.
3. Creates a star-shaped clip with configurable sharpness, radius, and number of sides.
4. Combines the gradient and clip into a composite shading style.
5. Defines a program loop where the rectangle with the gradient and clip combination
rotates around the center of the canvas while being redrawn continuously.
![composed-DemoComposed01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/composed-DemoComposed01Kt.png)

[source code](src/jvmDemo/kotlin/composed/DemoComposed01.kt)

### gradients/DemoGradient01


![gradients-DemoGradient01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient01Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient01.kt)

### gradients/DemoGradient02


![gradients-DemoGradient02Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient02Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient02.kt)

### gradients/DemoGradient03


![gradients-DemoGradient03Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient03Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient03.kt)

### gradients/DemoGradient04


![gradients-DemoGradient04Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient04Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient04.kt)

### gradients/DemoGradient05


![gradients-DemoGradient05Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient05Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient05.kt)

### gradients/DemoGradient06


![gradients-DemoGradient06Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient06Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient06.kt)

### gradients/DemoGradient07


![gradients-DemoGradient07Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient07Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient07.kt)

### gradients/DemoGradient08


![gradients-DemoGradient08Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient08Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient08.kt)

### gradients/DemoGradient09


![gradients-DemoGradient09Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/gradients-DemoGradient09Kt.png)

[source code](src/jvmDemo/kotlin/gradients/DemoGradient09.kt)

### image/DemoImageFill01


![image-DemoImageFill01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/image-DemoImageFill01Kt.png)

[source code](src/jvmDemo/kotlin/image/DemoImageFill01.kt)

### image/DemoImageFill02


![image-DemoImageFill02Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/image-DemoImageFill02Kt.png)

[source code](src/jvmDemo/kotlin/image/DemoImageFill02.kt)

### image/DemoImageFill03


![image-DemoImageFill03Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/image-DemoImageFill03Kt.png)

[source code](src/jvmDemo/kotlin/image/DemoImageFill03.kt)

### noise/DemoBlueNoise01


![noise-DemoBlueNoise01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/noise-DemoBlueNoise01Kt.png)

[source code](src/jvmDemo/kotlin/noise/DemoBlueNoise01.kt)

### noise/DemoSimplex01


![noise-DemoSimplex01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/noise-DemoSimplex01Kt.png)

[source code](src/jvmDemo/kotlin/noise/DemoSimplex01.kt)

### noise/DemoWhiteNoise01


![noise-DemoWhiteNoise01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/noise-DemoWhiteNoise01Kt.png)

[source code](src/jvmDemo/kotlin/noise/DemoWhiteNoise01.kt)

### patterns/DemoPatterns01


![patterns-DemoPatterns01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/patterns-DemoPatterns01Kt.png)

[source code](src/jvmDemo/kotlin/patterns/DemoPatterns01.kt)

### patterns/DemoPatterns02


![patterns-DemoPatterns02Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/patterns-DemoPatterns02Kt.png)

[source code](src/jvmDemo/kotlin/patterns/DemoPatterns02.kt)

### patterns/DemoPatterns03


![patterns-DemoPatterns03Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/patterns-DemoPatterns03Kt.png)

[source code](src/jvmDemo/kotlin/patterns/DemoPatterns03.kt)

### spatial/DemoHemisphere01


![spatial-DemoHemisphere01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/spatial-DemoHemisphere01Kt.png)

[source code](src/jvmDemo/kotlin/spatial/DemoHemisphere01.kt)

### spatial/DemoVisualizeNormals01


![spatial-DemoVisualizeNormals01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/spatial-DemoVisualizeNormals01Kt.png)

[source code](src/jvmDemo/kotlin/spatial/DemoVisualizeNormals01.kt)