Procedural Texture: How to create a Radial Gradient

[josbin]

Hello Dear Affinity Users!

I started to look into the procedural Texture Filter and it is really cool for many small things. Unfortunately my understanding of mathematics is really small and all the functions listed in the help page are cryptic to me. 
I was trying to create a Radial Gradient in 32bit to use in Substance Painter. The Gradient Tool unfortunately gets only exported as a dithered gradient..
I have this Function written (I cobbeld this together from the help page....), which produces a radial gradients that squares off towards the edges... Image attached has a Gradinet Map applied to it to give it ripples for visualisation purposes

 

var vignettew=vec2(abs ((x-0.5*w)/(w)),abs ((y-0.5*h)/h)); (1-oscsc(vignettew))*2

 

I would love for it to be round till the edges. 
Any Procedural Texture Experts around that could maybe help me out?
Thanks in advace!

PS: 
Also I would love of resource where I can learn about those functions in a structured way...

[lepr]

On 11/9/2023 at 7:38 PM, josbin said:

I was trying to create a Radial Gradient in 32bit to use in Substance Painter. The Gradient Tool unfortunately gets only exported as a dithered gradient..

A trick that suppresses dithering of a vector gradient when exporting to a raster format: give the gradient-filled object an FX Colour Overlay with zero opacity: gradient tool gradient.afphoto

An alternative way to avoid dithering is to use an FX Gradient Overlay on an object: gradient overlay gradient.afphoto

 

On 11/9/2023 at 7:38 PM, josbin said:

I would love for it to be round till the edges.

This document contains a Procedural Texture gradient: procedural gradient.afphoto

Edited November 11, 2023 by lepr
replaced 'procedural gradient.afphoto' with version that uses vector functions

[josbin]

Brilliant! Thank you so much!

[lepr]

23 hours ago, josbin said:

Thank you so much!

You're welcome!

Today I attached a new 'procedural gradient.afphoto' file to my earlier comment. Its Procedural Texture uses some vector functions that are provided by Affinity, which might help you with learning about the functions.