kaze/orx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add demos to README.md

Browse Source
This commit is contained in:
Abe Pazos
2025-08-27 18:32:18 +00:00
parent 1489b503d2
commit 700b666e5c
35 changed files with 1430 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
orx-shade-styles/README.md
View File

@@ -9,121 +9,181 @@ Shader based fills and strokes, including various types of gradient fills.
<!-- __demos__ -->
## Demos
### clip/DemoClip01
[source code](src/jvmDemo/kotlin/clip/DemoClip01.kt)
![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
[source code](src/jvmDemo/kotlin/clip/DemoClip02.kt)
![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
[source code](src/jvmDemo/kotlin/clip/DemoClip03.kt)
![clip-DemoClip03Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/clip-DemoClip03Kt.png)
### composed/DemoComposed01
[source code](src/jvmDemo/kotlin/composed/DemoComposed01.kt)
[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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient01.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient02.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient03.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient04.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient05.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient06.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient07.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient08.kt)
![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
[source code](src/jvmDemo/kotlin/gradients/DemoGradient09.kt)
![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
[source code](src/jvmDemo/kotlin/image/DemoImageFill01.kt)
![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
[source code](src/jvmDemo/kotlin/image/DemoImageFill02.kt)
![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
[source code](src/jvmDemo/kotlin/image/DemoImageFill03.kt)
![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
[source code](src/jvmDemo/kotlin/noise/DemoBlueNoise01.kt)
![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
[source code](src/jvmDemo/kotlin/noise/DemoSimplex01.kt)
![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
[source code](src/jvmDemo/kotlin/noise/DemoWhiteNoise01.kt)
![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
[source code](src/jvmDemo/kotlin/patterns/DemoPatterns01.kt)
![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
[source code](src/jvmDemo/kotlin/patterns/DemoPatterns02.kt)
![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
[source code](src/jvmDemo/kotlin/patterns/DemoPatterns03.kt)
![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
[source code](src/jvmDemo/kotlin/spatial/DemoHemisphere01.kt)
![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
[source code](src/jvmDemo/kotlin/spatial/DemoVisualizeNormals01.kt)
![spatial-DemoVisualizeNormals01Kt](https://raw.githubusercontent.com/openrndr/orx/media/orx-shade-styles/images/spatial-DemoVisualizeNormals01Kt.png)
[source code](src/jvmDemo/kotlin/spatial/DemoVisualizeNormals01.kt)