Ops ⟩ Gl ⟩ GradientTexture

GradientTexture Op

texture containing a colour gradient that can be altered with an editor

This op allows the creation of custom gradients. Click the edit button to get the UI to edit gradient. More colours can be added to the gradient. Click on the small squares at the bottom and then the larger square to change the colour of that gradient point. Drag the small squares around to change the relationship between the different colours. Click once in the thin line at the bottom to add extra squares/gradient points. This will produce a datastructure like this, which can also go into the 'Gradient Array'-Port: <pre><code>[ { "pos": 0, "r": 0, "g": 0.19215686274509805, "b": 0.6705882352941176, "a": 1 }, { "pos": 0.085, "r": 0.00784313725490196, "g": 0.20392156862745098, "b": 0.6941176470588235, "a": 0.76 }, ... { "pos": 1, "r": 0.9882352941176471, "g": 0.3215686274509804, "b": 1, "a": 0 } ] </code></pre>

Full Name

Ops.Gl.GradientTexture

Visibility

Core Op - Official cables op

License

Author

pandur

github

source

Test Patches

3 Tests

Example Patch jamaicacube

Open In Editor

INPUT PORTS

Gradient (Number)

Click this to open the editor for the gradient. See docs for a more in depth explanation.

Direction index (Number:integer
)

Smoothstep (Number:boolean
)

Enable smoothstep on changes in gradients.

Step (Number:boolean
)

Flip (Number:boolean
)

sRGB (Number:boolean
)

Oklab (Number:boolean
)

Size (Number:integer
)

The resolution of the gradient in pixels. 256 is a good default value

filter index (Number:integer
) nearest linear mipmap

wrap index (Number:integer
)

Dither (Number)

Gradient Array (Array)

An array of Object containing pos,r,g,b,a information (see documentation for format)

Randomize Colors (Trigger)

OUTPUT PORTS

Texture (Object)

The texture out

Colors (Array)

Colors Pos (Array)

Patches using GradientTexture

Examples
Team
Public
My Patches
My Ops

Changelog

bugfix	fixed radial mode: flip option was ignored / default gradient was not shown without making changes	pandur - 2024-02-29 14:04
improvement	optimized/reduced unnecessary recreation	pandur - 2024-02-29 14:09
improvement	Radial mode is more compatible/same colors like the simple gradient	pandur - 2024-03-12 17:01
improvement	Added XY and YX mode to generate diagonal color gradients	pandur - 2024-03-12 17:11
improvement	Fix problems with flickering because texture was generated not early enough	pandur - 2024-08-05 15:11
feature	Added option to add dithering to reduce color banding	pandur - 2024-08-29 10:47
feature	Add XX and YY option to have a one axis gradient that is sizesize pixels big and not size1 pixels (e.g. needed to add dithering)	pandur - 2024-08-29 10:48
improvement	Opening the gradient editor at the bottom edge of the window will now move the gradient editor up so it is fully visible	pandur - 2024-08-30 11:57