Palette:testGrid

Summary

TestGrid is a component under Tools that can be used to create a grid test pattern of any resolution. It offers a rich array of parameters for fine-tuning the graphical elements displayed in your grids.

There is

• a grid of evenly-spaced horizontal and vertical lines with any number of divisions
• a set of side-by-side large circles, which go edge to edge in the smallest dimension
• a set of small circles (default 0 linewidth), one circle for every grid cell
• diagonal lines at 45 degrees
• a center cross line
• a centered rainbow color ramp circle
• a separately-colored border
• some text that you can size and shift
• a graphic logo

Implemented in GLSL primarily with SDF functions found here: IQ - 2D SDFs

Contributed by Matthew Wachter a.k.a. matthewwachter. Many thanks.

Palette:testGrid Ext

Parameters - Settings Page

Resolution Resolution - ⊞ -

• Resolution Resolutionw -

• Resolution Resolutionh -

Display Resolution Color Displayresolutioncolor - ⊞ -

• Display Resolution Color Displayresolutioncolorr -

• Display Resolution Color Displayresolutioncolorg -

• Display Resolution Color Displayresolutioncolorb -

• Display Resolution Color Displayresolutioncolora -

Display Resolution Size Displayresolutionsize -

Display Resolution Align Displayresolutionaligny - ⊞ -

• Bottom bottom -

• Center center -

• Top top -

Display Resolution Offset Displayresolutionoffset - ⊞ -

• Display Resolution Offset Displayresolutionoffsetx -

• Display Resolution Offset Displayresolutionoffsety -

Label Label -

Label Color Labelcolor - ⊞ -

• Label Color Labelcolorr -

• Label Color Labelcolorg -

• Label Color Labelcolorb -

• Label Color Labelcolora -

Label Size Labelsize -

Label Align Labelaligny - ⊞ -

• Bottom bottom -

• Center center -

• Top top -

Label Offset Labeloffset - ⊞ -

• Label Offset Labeloffsetx -

• Label Offset Labeloffsety -

Background Color Backgroundcolor - ⊞ -

• Background Color Backgroundcolorr -

• Background Color Backgroundcolorg -

• Background Color Backgroundcolorb -

• Background Color Backgroundcolora -

Grid Divisions Griddivisions -

Grid Color Gridcolor - ⊞ -

• Grid Color Gridcolorr -

• Grid Color Gridcolorg -

• Grid Color Gridcolorb -

• Grid Color Gridcolora -

Grid Line Width Gridlinewidth -

Grid Cross Gridcross -

Grid Circles Color Gridcirclescolor - ⊞ -

• Grid Circles Color Gridcirclescolorr -

• Grid Circles Color Gridcirclescolorg -

• Grid Circles Color Gridcirclescolorb -

• Grid Circles Color Gridcirclescolora -

Grid Circles Line Width Gridcircleslinewidth -

Grid Circles Size Gridcirclessize -

Grid Circles Offset Gridcirclesoffset - ⊞ -

• Grid Circles Offset Gridcirclesoffsetx -

• Grid Circles Offset Gridcirclesoffsety -

Circle Color Circlecolor - ⊞ -

• Circle Color Circlecolorr -

• Circle Color Circlecolorg -

• Circle Color Circlecolorb -

• Circle Color Circlecolora -

Circle Line Width Circlelinewidth -

Diagonal Mode Diagonalmode - ⊞ -

• Square square -

• Full full -

Diagonal TL BR Color Diagonaltlbrcolor - ⊞ -

• Diagonal TL BR Color Diagonaltlbrcolorr -

• Diagonal TL BR Color Diagonaltlbrcolorg -

• Diagonal TL BR Color Diagonaltlbrcolorb -

• Diagonal TL BR Color Diagonaltlbrcolora -

Diagonal BL TR Color Diagonalbltrcolor - ⊞ -

• Diagonal BL TR Color Diagonalbltrcolorr -

• Diagonal BL TR Color Diagonalbltrcolorg -

• Diagonal BL TR Color Diagonalbltrcolorb -

• Diagonal BL TR Color Diagonalbltrcolora -

Diagonal Line Width Diagonallinewidth -

Center Horiz Color Centerhorizcolor - ⊞ -

• Center Horiz Color Centerhorizcolorr -

• Center Horiz Color Centerhorizcolorg -

• Center Horiz Color Centerhorizcolorb -

• Center Horiz Color Centerhorizcolora -

Center Vert Color Centervertcolor - ⊞ -

• Center Vert Color Centervertcolorr -

• Center Vert Color Centervertcolorg -

• Center Vert Color Centervertcolorb -

• Center Vert Color Centervertcolora -

Center Line Width Centerlinewidth -

Rainbow Line Width Rainbowlinewidth -

Rainbow Alpha Rainbowalpha -

Rainbow Period Rainbowperiod -

Rainbow Offset Rainbowoffset -

Border Color Bordercolor - ⊞ -

• Border Color Bordercolorr -

• Border Color Bordercolorg -

• Border Color Bordercolorb -

• Border Color Bordercolora -

Border Line Width Borderlinewidth -

Logo Type Logotype - ⊞ -

• Off off -

• Input input -

• TouchDesigner td -

• Derivative derivative -

• MW mw -

Logo Scale Logoscale -

Logo Color 1 Logocolor1 - ⊞ -

• Logo Color 1 Logocolor1r -

• Logo Color 1 Logocolor1g -

• Logo Color 1 Logocolor1b -

• Logo Color 1 Logocolor1a -

Logo Color 2 Logocolor2 - ⊞ -

• Logo Color 2 Logocolor2r -

• Logo Color 2 Logocolor2g -

• Logo Color 2 Logocolor2b -

• Logo Color 2 Logocolor2a -

Logo Color 3 Logocolor3 - ⊞ -

• Logo Color 3 Logocolor3r -

• Logo Color 3 Logocolor3g -

• Logo Color 3 Logocolor3b -

• Logo Color 3 Logocolor3a -

Parameters - About Page

Help Help -

Version Version -

.tox Save Build Toxsavebuild -

Operator Inputs

• Input 0: in1 -

Operator Outputs

• Output 0 -

TouchDesigner Build: Latest\nwikieditorwikieditorwikieditorwikieditorwikieditorwikieditorwikieditorwikieditorwikieditorwikieditor

The width and height of an image in pixels. Most TOPs, like the Movie File In TOP can set the image resolution. See Aspect Ratio for the width/height ratio of an image, taking into account non-square pixels.

TouchDesigner Component file, the file type used to save a Component of your TouchDesigner project.

A built-in panel in TouchDesigner that contains a library of components and media that can be dragged-dropped into a TouchDesigner network.