Add more n-point gradients (#139)

orx-shade-styles/src/main/kotlin/LinearGradient.kt

@@ -17,11 +17,14 @@ class LinearGradient(
 
     @ColorParameter("start color", order = 0)
     var color0: ColorRGBa by Parameter()
+
     @ColorParameter("end color", order = 1)
     var color1: ColorRGBa by Parameter()
     var offset: Vector2 by Parameter()
+
     @DoubleParameter("rotation", -180.0, 180.0, order = 2)
     var rotation: Double by Parameter()
+
     @DoubleParameter("exponent", 0.01, 10.0, order = 3)
     var exponent: Double by Parameter()
 
@@ -65,6 +68,6 @@ fun linearGradient(
         offset: Vector2 = Vector2.ZERO,
         rotation: Double = 0.0,
         exponent: Double = 1.0
-) : ShadeStyle {
+): ShadeStyle {
     return LinearGradient(color0, color1, offset, rotation, exponent)
 }

orx-shade-styles/src/main/kotlin/NPointGradient.kt

@@ -8,23 +8,20 @@ import org.openrndr.math.Vector3
 
 @Description("N-Point gradient")
 class NPointGradient(
-        numPoints: Int,
         colors: Array<ColorRGBa>,
         points: Array<Vector2> = arrayOf(Vector2.ZERO)) : ShadeStyle() {
 
-    var numPoints: Int by Parameter()
     var colors: Array<ColorRGBa> by Parameter()
     var points: Array<Vector2> by Parameter()
 
     init {
-        this.numPoints = numPoints
         this.colors = colors
         this.points = points
 
         fragmentTransform = """
                 float sum = 0;
                 vec4 rgba = vec4(0.0);
-                for(int i=0; i<p_numPoints; i++) {
+                for(int i=0; i<p_points_SIZE; i++) {
                     float dist = 1.0 / (1.0 + distance(p_points[i], c_screenPosition));
                     sum += dist;
                     rgba += p_colors[i] * dist;

orx-shade-styles/src/main/kotlin/NPointLinearGradient.kt

@@ -0,0 +1,57 @@
+package org.openrndr.extra.shadestyles
+
+import org.openrndr.color.ColorRGBa
+import org.openrndr.draw.ShadeStyle
+import org.openrndr.extra.parameters.Description
+import org.openrndr.math.Vector2
+
+@Description("Multicolor linear gradient")
+class NPointLinearGradient(
+        colors: Array<ColorRGBa>,
+        points: Array<Double> = Array(colors.size) { it / (colors.size - 1.0) },
+        offset: Vector2 = Vector2.ZERO,
+        rotation: Double = 0.0) : ShadeStyle() {
+
+    var colors: Array<ColorRGBa> by Parameter()
+    // Sorted normalized values defining relative positions of colors
+    var points: Array<Double> by Parameter()
+    var offset: Vector2 by Parameter()
+    var rotation: Double by Parameter()
+
+    init {
+        this.colors = colors
+        this.points = points
+        this.offset = offset
+        this.rotation = rotation
+
+        fragmentTransform = """
+            vec2 coord = (c_boundsPosition.xy - 0.5 + p_offset);
+            
+            float cr = cos(radians(p_rotation));
+            float sr = sin(radians(p_rotation));
+            mat2 rm = mat2(cr, -sr, sr, cr);
+            vec2 rc = rm * coord;
+            float f = clamp(rc.y + 0.5, 0.0, 1.0);            
+ 
+            int i=0;
+            while(i < p_points_SIZE - 1 && f >= p_points[i+1]) { i++; }
+            
+            vec4 color0 = p_colors[i];
+            color0.rgb *= color0.a;
+
+            vec4 color1 = p_colors[i+1]; 
+            color1.rgb *= color1.a;
+            
+            float g = (f - p_points[i]) / (p_points[i+1] - p_points[i]);
+            vec4 gradient = mix(color0, color1, clamp(g, 0.0, 1.0)); 
+
+            vec4 fn = vec4(x_fill.rgb, 1.0) * x_fill.a;
+            
+            x_fill = fn * gradient;
+            if (x_fill.a != 0) {
+                x_fill.rgb /= x_fill.a;
+            }
+
+        """
+    }
+}

orx-shade-styles/src/main/kotlin/NPointRadialGradient.kt

@@ -0,0 +1,60 @@
+package org.openrndr.extra.shadestyles
+
+import org.openrndr.color.ColorRGBa
+import org.openrndr.draw.ShadeStyle
+import org.openrndr.extra.parameters.Description
+import org.openrndr.math.Vector2
+
+@Description("Multicolor radial gradient")
+class NPointRadialGradient(
+        colors: Array<ColorRGBa>,
+        points: Array<Double> = Array(colors.size) { it / (colors.size - 1.0) },
+        offset: Vector2 = Vector2.ZERO,
+        rotation: Double = 0.0,
+        length: Double = 1.0) : ShadeStyle() {
+
+    var colors: Array<ColorRGBa> by Parameter()
+
+    // Sorted normalized values defining relative positions of colors
+    var points: Array<Double> by Parameter()
+    var offset: Vector2 by Parameter()
+    var rotation: Double by Parameter()
+    var length: Double by Parameter()
+
+    init {
+        this.colors = colors
+        this.points = points
+        this.offset = offset
+        this.rotation = rotation
+        this.length = length
+
+        fragmentTransform = """
+            vec2 coord = (c_boundsPosition.xy - 0.5 + p_offset/2.0) * 2.0;
+            
+            float cr = cos(radians(p_rotation));
+            float sr = sin(radians(p_rotation));
+            mat2 rm = mat2(cr, -sr, sr, cr); 
+            vec2 rc = rm * coord;
+            float f = clamp(p_length * length(rc), 0.0, 1.0);            
+
+            int i=0;
+            while(i < p_points_SIZE - 1 && f >= p_points[i+1]) { i++; }
+
+            vec4 color0 = p_colors[i];
+            color0.rgb *= color0.a;
+
+            vec4 color1 = p_colors[i+1]; 
+            color1.rgb *= color1.a;
+
+            float g = (f - p_points[i]) / (p_points[i+1] - p_points[i]);
+            vec4 gradient = mix(color0, color1, clamp(g, 0.0, 1.0)); 
+            
+            vec4 fn = vec4(x_fill.rgb, 1.0) * x_fill.a;            
+            
+            x_fill = fn * gradient;
+            if (x_fill.a != 0) {
+                x_fill.rgb /= x_fill.a;
+            }
+        """
+    }
+}