top of page

The Generator Compendium lists all rgbDesigner generator in order of release.

Brushed Background.JPG

Brushed Background (Group: Experimental • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Triangles 1.JPG

Triangles 1 (Group: Triangles • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Random Circles.JPG

Random Circles (Group: Circles • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Plasma 2.JPG

Plasma 2 (Group: Plasmas • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Plasma 1.JPG

Plasma 1 (Group: Plasmas • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Poles.JPG

Poles (Group: Patterns • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Stained Glass Window.JPG

Stained Glass (Group: Patterns • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Optokinetic 4.JPG

Optokinetic 4 (Group: Optokinetics • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Optokinetic 3.JPG

Optokinetic 3 (Group: Optokinetics • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Optokinetic 2.JPG

Optokinetic 2 (Group: Optokinetics • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Optokinetic 1.JPG

Optokinetic 1 (Group: Optokinetics • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Concentric Circles.JPG

Concentric Circles (Group: Concentrics • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Concentric Squares.JPG

Concentric Squares (Group: Concentrics • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

String Thing.JPG

String Thing (Group: Lines • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Foss Polygons.JPG

Foss Polygons (Group: Lines • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Foss Lines.JPG

Foss Lines (Group: Lines • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Zigzag 1.JPG

Zigzag 1 (Group: Lines • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Stripes 1.JPG

Stripes 1 (Group: Lines • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Line Grid.JPG

Line Grid (Group: Grids • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Skyscraper 1.JPG

Skyscraper 1 (Group: Grids • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Rhombic Grid.JPG

Rhombic Grid (Group: Grids • Released: Initial release)

The Rhombic Grid, like the Tilt Grid starts with a simple rectangular grid. However, the grid is formed by a series of horizontal and vertical lines where each line can be randomised to tilt away from the vertical or horizontal axis, forming a series of rhombuses. The lines can also be drawing to the thickness selected. Line opacity can also be set.

  • h-spacing (10 - 300 pixels) unrandomised horizontal spacing between lines

  • h-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of h-spacing

  • v-spacing (10 - 300 pixels) unrandomised vertical spacing between lines

  • v-randomise (0% - 100%) the maximum amount that the start and end points of the lines will be randomised as a % of v-spacing

  • Line Thickness (1 - 20 pixels)

  • Line Opacity (0% - 100%)

Diamond Grid.JPG

Diamond Grid (Group: Grids • Released: Initial release)

Diamond Grid overlays two layers of bands running at opposing angles. Each band is separated by a line. Band and line colours are selected at random. The stoutness controls whether the diamond shapes are tall and narrow or short and wide.

  • Line Width (1 - 100 pixels)

  • Band Width (10 - 200 pixels)

  • Stoutness (1% - 200%) 100% results in a diamond of equal height and width

Tilt Grid.JPG

Tilt Grid (Group: Grids • Released: Initial release)

Tilt Grid starts with a simple rectangular grid which you can then tilt in a horizontal and/or a vertical direction.

  • Horizontal Tilt (-100% - 100%) 100% tilt is equivalent to a 45 degree tilt in the horizontal direction

  • Vertical Tilt (-100% - 100%) 100% tilt is equivalent to a 45 degree tilt the vertical direction

  • Grid Width (1 - 200 pixels) Initial rectangle width.

  • Grid Height (1 - 200 pixels) Initial rectangle height.

Noise.JPG

Noise (Group: Basics • Released: Initial release)

The Noise Generator randomly selected a colour from the gradient for each point. Each pixel is a linear blend across the cells. The size of each cell is set by the Size parameter.

  • Size (1 - 50 pixels)

Square.JPG

Square (Group: Basics • Released: Initial release)

The Square Generator repeats the current gradient over a range set by the Spacing slider, in a square pattern around the centre set by the x-centre and y-centre. The colour of each pixel is determined by its distance from the centre and the spacing value.

  • Spacing (10 : 5000 pixels)

  • x-centre (-100% : 100% ) -100% moves the origin to the left of the canvas, 100% to the right. A value of 0 positions the origin in the middle of the canvas

  • y-centre (-100% : 100% ) -100% moves the origin to the top of the canvas, 100% to the bottom. A value of 0 positions the origin in the middle of the canvas

Sweep.JPG

Sweep (Group: Basics • Released: Initial release)

The Sweep Generator sweeps the current gradient around a centre point set by the x centre and y centre values. The rotation sets the starting angle for the sweep. You can also add a circle at the centre point in a selected colour. The circle edge can be set to fade out over a selected distance.

  • Rotation (0º -360º) 0º sets the axis to horizontal

  • x-centre (-100% : 100% ) -100% moves the origin to the left of the canvas, 100% to the right. A value of 0 positions the origin in the middle of the canvas

  • y-centre (-100% : 100% ) -100% moves the origin to the top of the canvas, 100% to the bottom. A value of 0 positions the origin in the middle of the canvas

  • centre circle(0% : 100%) The radius of the centre circle as a proportion of the image width. A value of 0% results in no circle and circle fade having no effect.

  • centre fade (0% : 100%) The distance of the circle fade as a proportion of the image width.

  • circle colour (0-255) The colour of the circle, where the value represents the position in the gradient. 0 being the first colour, 255 the last.

Radial.JPG

Radial (Group: Basics • Released: Initial release)

The Radial Generator repeats the current gradient over a range set by the Spacing slider, radiating from the origin set by the x-centre and y-centre. The colour of each pixel is determined by its distance from the centre and the spacing value.

  • Spacing (10 : 5000 pixels)

  • x-centre (-100% : 100% ) -100% moves the origin to the left of the canvas, 100% to the right. A value of 0 positions the origin in the middle of the canvas

  • y-centre (-100% : 100% ) -100% moves the origin to the top of the canvas, 100% to the bottom. A value of 0 positions the origin in the middle of the canvas

Linear.JPG

Linear (Group: Basics • Released: Initial release)

The Linear Generator repeats the current gradient over a range set by the Spacing slider. Each colour is rendered as a line perpendicular to the axis set by Angler slider.

  • Spacing (10 - 5000 pixels)

  • Angle (0º -360º) 0º sets the axis to horizontal

bottom of page