sort({options})

Sort source cells according to their coloring.

Warning

sort (like sample) works in the default P2D renderer only — not in WEBGL.

Example

Syntax

sort([{[mode], [target], [ascending], [textColor], [textZoom], [background], [cellLength], [tileDisplay], [imageDisplay], [colorDisplay], [stringDisplay], [numberDisplay], [booleanDisplay], [bigintDisplay], [symbolDisplay], [arrayDisplay], [objectDisplay]}])

Parameters

Param	Description
`mode`	String: Either `LUMA`, `AVG`, or `DISTANCE`; default is `LUMA`
`target`	p5.Color: target color for `DISTANCE` mode; default is Quadrille.outline
`ascending`	Boolean: sort order; default is `true`
`textColor`	p5.Color: text sampling color; default is Quadrille.textColor
`textZoom`	Number: text zoom level; default is source.textZoom
`background`	p5.Color: background sampling; default is `Quadrille.background`, which is set to `white`
`cellLength`	Number: cell sampling length; default is source width
`tileDisplay`	Function: empty cell drawing procedure; default is Quadrille.tileDisplay
`imageDisplay`	Function: drawing procedure for image-filled cells; default is Quadrille.imageDisplay
`colorDisplay`	Function: drawing procedure for color-filled cells; default is Quadrille.colorDisplay
`stringDisplay`	Function: drawing procedure for string-filled cells; default is Quadrille.stringDisplay
`numberDisplay`	Function: drawing procedure for number-filled cells; default is Quadrille.numberDisplay
`booleanDisplay`	Function: drawing procedure for boolean-filled cells; default is Quadrille.booleanDisplay
`bigintDisplay`	Function: drawing procedure for BigInt-filled cells; default is Quadrille.bigintDisplay
`symbolDisplay`	Function: drawing procedure for Symbol-filled cells (no default provided)
`arrayDisplay`	Function: drawing procedure for array-filled cells (no default provided)
`objectDisplay`	Function: drawing procedure for object-filled cells (no default provided)

What this page's examples use

p5.quadrille: drawQuadrille createQuadrille clone
p5.js: createCanvas background loadImage position createCheckbox checked height input style
JavaScript: Array.push

Names the analysis can prove are called, and the line each one is documented on. Local variables and members of an unknown receiver are left out.