Field Sketch

Field Sketch

This is a 100% generative abstract project. I'm experimenting again with sketchy rough drawing and trying to create something that looks like it could have been created by hand. There are seven composition types that produce different styles of output.

This project uses the fx(params) WYSIWYG functionality so the minter will get exactly the output they configure.

Explanation of Numeric Params (all have range 0-100):

XBounds - low values have primary structures near the middle of the horizontal axis

YBounds - low values have primary structures near the middle of the vertical axis. For Quantized composition types this also affects the vertical level of the vanishing points.

StructureSmooth - low values have a more complex global structure

DetailSmooth - low values have a more complex fine structure

SegmentLength - low values have more but shorter lines drawn

AngleVariation - low values have more coherent line direction

ColorNoise - the higher the value the more random color variation for each line segment

Order - low values have the lines follow the flow fields in a more chaotic fashion

Blur - higher values will use blur on top and bottom of output to simulate depth of field

Symmetry - The possible values are no symmetry, 3, 4, 6, or 12. Any symmetry will be imperfect - it guides the construction of the composition but other random factors will usually prevent an exactly symmetrical result.

There are some keyboard operations available.

Click on the output and use these keys to affect it:
's' - save at current resolution
'2' - change to 2000 x 2000 resolution
'3' - change to 3000 x 3000 resolution
...
'8' - change to 8000 x 8000 resolution

Note that at higher resolutions there will be some minor variation in output.

Copyright 2023 Jeff Clark

100% generative

All drawing and geometric code created by Jeff Clark using standard javascript and canvas 2D api. Perlin noise was used with support from perlin.js at https://codepen.io/sixsided/pen/emxxea.js