L · Visual foundations

Abstract art liberates form and color from the requirement of representing real objects, enabling purely pictorial aims

Color education works through progressive exercises where each problem prepares the next — accumulated comparison builds the eye

Color literacy requires experiencing effects before naming them — practice precedes theory, which is theory's conclusion

Color memory is far weaker than auditory memory — the same color name evokes many different hues in different people

Color theory must address both objective physical laws and subjective individual perception — neither alone is sufficient

In creative coding courses the objective is art, but the medium is student-written software

A color space's gamut is the subset of all human-visible colors it can reproduce

A color's 'quality' is its hue position in the color circle; its 'quantity' (brilliance) is its lightness or darkness

A set of colors is harmonious when their mixture yields a neutral gray

Additive light mixing yields white; subtractive pigment mixing yields gray-black

Cinema communicates through a pre-verbal language of movement, sensation, and image that operates below conscious verbal processing

Color aesthetics has three distinct orientations: impression (visual), expression (emotional), construction (symbolic)

Color agent (the physical pigment) and color effect (the perceived result) almost never coincide — ground and context transform what we see

Color is relative: the same hue is almost never perceived as it physically is

Color paper isolates hue relationships from mixing and texture variables, revealing interaction more clearly

Colors carry different visual weights that must be balanced to achieve compositional equilibrium

Complementary colors incite each other to maximum vividness when adjacent and annihilate each other to gray when mixed

Contrast of hue uses undiluted colors in full intensity; yellow/red/blue is the maximum instance

Creative coding at intermediate level assumes fluency in loops, conditionals, arrays, and objects — not specific language knowledge

Developing creative coding craft requires deliberate repetitive practice analogous to a musician playing scales

Elements enclosed within the same boundary are perceived as a group

Elements that share visual properties are perceived as a group

Film color appears as a transparent layer floating between eye and object; volume color deepens with fluid depth

Fine adjacent dots of pure color merge in the eye into a single optical mixture more vibrant than a pigment blend

GLSL's mix() linearly interpolates between two colors by a 0.0–1.0 factor

HSB describes color as hue, saturation, and brightness for intuitive, intentional variation

Human trichromacy means any color sensation can be described by three numbers

In music, pitch corresponds to line width and melodic contour traces a literal line in visual space

Itten organised color study into seven fundamental categories of contrast

Itten's 12-hue color circle places complementaries diametrically opposite and is constructed from pigmentary primaries, not spectral primaries

Light-dark contrast is the most plastic contrast — white and black are its poles with an infinite gray scale between

Lumia are dynamic, improvisable, real-time visual works analogous to music pieces

Magenta has no spectral wavelength — it is the brain's response to simultaneous red and blue stimulation

Most people cannot reliably identify which of two different-hued colors is lighter — 60% of answers are wrong

Neutral gray is achromatic and characterless but takes on a complementary tinge from any adjacent color

Normalizing RGB to 0.0–1.0 decouples color description from bit-depth encoding

Objects have no intrinsic color — their apparent color is determined by what wavelengths the surface reflects under the incident light

Planning a generative artwork on paper before coding reduces debugging time and sharpens the visual intent

Red-orange is the warmest color and blue-green the coldest, but intermediate hues shift warm or cold only relative to their neighbors

Repetition of a point or element is a source of elementary rhythm and a means of heightening inner vibration

RGB numeric values have no meaning without a color space to interpret them

Saturation contrast — pure vs. diluted color — can be achieved by mixing with white, black, gray, or the complementary

Spatially closer elements are perceived as belonging to the same group

sRGB is the default internet color space, matching Rec. 709 primaries with D65 white point

Staring at a hue fatigues its retinal receptors, producing the complementary color as an after-image

Symmetrically arranged elements are perceived as a unified, complete group

Synaesthesia — the neurological crossover of senses — underpins the historical colour music and visual music traditions

The eye follows continuous lines and curves in preference to broken paths

The eye simultaneously generates the complementary of any color it sees

The geometric point is the proto-element of painting and the origin of all visual form

The line is a point set in motion by an external force — the greatest antithesis to the point

The mind fills in missing contours to perceive complete shapes

The mind perceives unified wholes rather than sums of parts

The mind resolves visual complexity by seeing the simplest possible organisation

The pictorial point is created by the initial collision of a tool with the basic plane

The visual system separates every scene into a figure in front of a background

Warm-cool is a relative color quality — warm blues and cool reds exist within their own hue families

We recognise shapes as identical despite rotation, scaling, or distortion

Weekly curation-and-critique of new-media projects builds a practitioner's reference library and critical vocabulary

A clear base pulse must be established before it is broken — an unbroken pulse is static and an unbroken lack of pulse is formless

A color constellation maintains its character when transposed to a different key, just as a melody does

A color space's primaries define which physical red, green, and blue it can produce

A color space's white point defines what full-intensity (1,1,1) looks like in the real world

A color's expressive weight shifts with its position in the composition field — low blue is heavy, high blue is light

A complete visual design can be built from one hue using only lighter and darker variations in HSB

A composition of lines and points acquires more pronounced balance by the addition of a plane, because lighter weights require the heavier

A cosine/gradient palette defines a whole color ramp from a few coefficients and animates it by shifting phase over time

A fixed set of self-imposed constraints (one font, one image, one palette) speeds generative iteration

A flat color placed between two parents reads as their mixture when it is a believable middle-ground in hue and lightness

A light grain pass over the final composite is the most reliable 'make it look intentional' move — it unifies layers and hides banding

A near-monochrome ground with one saturated accent — letting contrast do the work, not hue variety — is the geometric palette recipe

A strong focal point is created by contrast, isolation, or convergence — not by competing elements

A tone response curve encodes intensity non-linearly to match human brightness perception

A vignette darkens frame edges to concentrate attention inward and give a generative field coherence

Adding symmetry to a random grid triggers human pattern recognition and produces apparent faces or structures

Adjacent colors at exactly equal light intensity lose their visible boundary — the edge vanishes

All compositional relationships reduce to two principles: parallel (side-by-side reinforcement) and contrast (opposition)

Ambiguous figure-ground — each region readable as either foreground or background — deepens the psychedelic effect

Ambiguous images flip between interpretations and cannot be seen both ways at once

An effective poster pairs something recognizable with an unexpected presentation to hold the viewer

An element in painting is the tension alive within a form, not the visible form itself

Anticipation is a preparatory move before a major action that primes the viewer's expectation

Any ground subtracts its own hue and lightness from the colors it carries, shifting their perceived identity

Arranging colors exclusively in stripes suppresses shape dominance and foregrounds color interaction

Audio can drive emphasis in a composition but cannot move focus on the beat in the current rig

Breaking similarity creates a visual accent that pulls the eye to one element

Changing one color in a repeating pattern shifts the apparent color of all others — the Bezold Effect

CIE color matching functions empirically measure how much RGB is needed per spectral wavelength

CIE XYZ is the device-independent hub space used for all color space conversions

Color arithmetic must be done in linear light, not in gamma-encoded values

Color harmony systems fail in practice because quantity, form, lighting, and context continuously override the prescribed relationships

Colored lights produce complementary-colored shadows, and multiple colored light sources create multiple hued shadows

Colors outside a color space's gamut require mathematically negative primary values

Compose the big value masses and empty areas first; detail cannot rescue a frame whose masses don't read

Composition is the law-abiding organization of the tensions within elements

Contrast of extension balances color areas by their luminosity: yellow needs three times less area than violet to hold equal visual weight

Contrasting hues of near-equal lightness produce uncomfortable vibrating boundary lines between them

Converting between linear RGB color spaces is a 3x3 matrix multiplication

CPU pixel manipulation reads and writes the raw RGBA array directly, unlike a per-pixel GPU shader

Darker color variations have lower brightness and higher saturation — adding black alone is insufficient

Degradation textures (grain, scanlines, chromatic-aberration, dither) place a piece in a glitch/retro-crt/vaporwave idiom; clean noise/voronoi signals organic

Depth is implied by overlap, scale, parallax, atmospheric fade, and blur-soften on layers

Driving a shape's radius or count from audio is realizable now; making a shape appear on-the-kick is not

Each hue has characteristic psychological and symbolic expressive values that shift with context but retain a core identity

Each of the four sides of the basic plane carries a distinct sound: above (freedom), left (adventure), right (home), below (earth)

Elements moving in the same direction are perceived as a group

Every person has a characteristic subjective color palette that reveals personality and is different from objective color harmony

Extended (unbounded) color range allows values outside 0–1 for HDR and wide-gamut workflows

Follow-through means secondary parts of an object continue moving after the main body stops

Glitch palette is high-contrast and electric — black plus saturated green/magenta/cyan and white, with broken color from channel offset on-brand

Grassmann's laws let color matching be decomposed into independent primary matches then summed

Hard color boundaries read as spatial separation; soft boundaries signal proximity or penetration

Harmonious dyads, triads, tetrads, and hexads can be constructed by inscribing geometric figures in the 12-hue color circle

Immediate-mode 2D canvas redraws the whole frame each tick from explicit vector calls while retaining program state between frames

Immediate-mode canvas treats text as a first-class visual element and can convert glyph outlines to point clouds

In live visual composition, the element with greatest activity, novelty, or visual weight automatically claims the foreground of attention

In minimal compositions, value contrast (not hue) carries the image — any saturation becomes the accent

In minimal visuals, placement and timing are the content — there is nothing else to hide behind

In the 4-bin rig, audio bands can drive color brightness, saturation, or palette phase but not onset-triggered color events

In visual composition, a line's length is a concept of time, and a curved line represents more time than a straight line of equal length

Kandinsky theorised that specific colors have inherent associations with specific forms

Kandinsky's basic plane is an active field in which colors exert forces of advance and recession

Limiting to 2–4 hues with role assignments reads as intent rather than randomness

Mapping HSB to polar coordinates with atan and length renders a color wheel

Matching hues to equal brilliance levels is a trainable skill — cold colors are routinely rendered too light and warm colors too dark

Matching pure primaries individually is the procedure for deriving a color space conversion matrix

Minimal motion is a single well-timed easing-curve drift — one move is the whole event

Natural motion follows arcs rather than straight lines, giving animation flow and biological authenticity

Negative space is a deliberate compositional choice, not a deficiency — emptiness amplifies the subject

One coherent noise source well-warped beats many uncorrelated textures fighting — texture should support form, not compete with the focal-point

One or two motions at a time — a still figure on a flowing ground reads far better than everything moving

Opaque flat colors can create a convincing illusion of transparency when precisely calibrated as a middle mixture

Organic geometry builds natural-looking forms from strictly geometric primitives

Organic palettes use analogous color harmony — neighboring hues with low contrast and smooth gradients

P5LIVE is not part of the 4-bin Strudel+Hydra rig — a.fft[] does not exist in P5 and must never be emitted there

P5LIVE realizes particle systems with real per-element p5.Vector state, making the concept portable from GLSL-fake to genuinely simulated

Pixel art as a discipline developed within the demoscene alongside the related artscene subculture

Placing focal elements on the thirds lines or intersections reads as dynamic; centering reads as static

Polar warp reinterprets Cartesian coordinates as (radius, angle), turning stripes into rings and scrolling into rotation

Processing's PGraphics is an independent off-screen drawing layer with its own coordinate system and settings

Psychedelic palettes are highly saturated complementary/triadic hues always in motion via palette-cycle — color must never settle

Regular or varied spacing of repeated visual units creates rhythm across the frame even in a still image

Removing a point from its conventional context awakens its inner tensions and makes a silent element speak

Reserve raymarched 3D for when depth adds meaning; a flat SDF composition is often stronger

RGB is a poor space for color reasoning because interpolation muddies through gray

SDFs and immediate-mode drawing are two distinct shape paradigms: field-based vs path-based

Slow in and slow out — more frames near key poses and fewer in the middle — creates natural easing

Squash and stretch give animated objects the illusion of weight and volume

Stacking colors darkest-on-top makes the eye read a transparent veil even though every layer is opaque

Staging presents an idea so that it reads clearly to the audience

Strobe/flash is a high-impact accent that must be used sparingly because of photosensitivity risk, never as a default

Superimposing two live images creates a 'third space' that belongs to neither source

Symmetry (reflection, radial, tiling) turns a small motif into a full frame at minimal cost

The 10-PRINT Commodore 64 one-liner generates complex maze-like patterns from a single coin-flip per character cell

The angular line is closer to the plane than the straight line — it already carries something plane-like within it

The area and recurrence (quantity) of a color determines its visual dominance independently of its hue

The basic plane (canvas/screen) is a living being with its own inner tensions that elements must respect

The basic plane's inner pulsation transforms into double and multiple sounds when even the simplest element is placed upon it

The CIE xy chromaticity diagram is perceptually non-uniform — equal distances do not mean equal color differences

The CIE xy chromaticity diagram projects 3D XYZ color into 2D by separating hue from brightness

The circle is the primary curved plane — the product of uniform rotation — and carries the same inner tensions as the square, expressed through curvature

The color sphere is a three-dimensional model mapping hue, brilliance, and saturation simultaneously, with white and black at the poles

The fundamental color skill for design is modifying one base color into many variations, not picking color-wheel palettes

The sRGB TRC is piecewise: linear near black, then a power curve with exponent 2.4

The three primary colors correspond to the three fundamental shapes: yellow to triangle, red to square, blue to circle

The three primary straight lines carry distinct inner temperatures: horizontal (cold), vertical (warm), diagonal (balanced)

The upper zone of the basic plane feels light and free; the lower zone feels heavy and constrained

There are exactly 17 distinct symmetry groups for periodically tiling the plane

There is no fixed boundary between point and plane — the distinction is relative to scale and context, judged by feeling

Timing in animation is controlled by the number of frames between poses: more frames = slower, fewer = faster

Value contrast (light vs dark) is the strongest visual cue, outranking saturation and hue

Video feedback pointing a camera at its own output produces self-similar, fractal-like patterns from simple recursion

Visual balance distributes visual weight so symmetric reads as stable and asymmetric as dynamic

Visual effects in live cinema carry culturally established meanings and should be used with intention rather than decoration

Visual phrasing groups change into statement-variation-return arcs so the image has structure rather than uniform churn

Visually equal color gradient steps require geometrically increasing physical differences, not arithmetically equal ones

Warm colors advance and cold colors recede, but this depth effect reverses depending on the background

Warm hues advance and feel active; cool hues recede and feel calm

Wiring a sensor to an actuator with a straight or crossed connection produces approach or avoidance behavior

A small random deviation prevents emergent systems from collapsing into a uniform state

Abstract visuals resist narrative analysis but can be composed and critiqued using the perceptual principles of music

Appeal is the charm and charisma that makes an animated subject engaging to watch

Chance operations use randomness as a deliberate artistic tool, not as an absence of control

Defining a small set of behavioral rules for elements produces emergent visual complexity through their interactions

Each hue has a perceived brightness (luminosity) that peaks at yellow/cyan/magenta and dips at red/green/blue

Exaggeration pushes an action beyond the literal while staying true to reality

Grouping scene elements rather than distributing them uniformly prevents visual noise and creates organic set design

Kandinsky proposes three primary contrasting pairs linking line type, plane shape, and color: straight/triangle/yellow, curved/circle/blue

Lines have color analogies: horizontal ↔ black, vertical ↔ white, diagonal ↔ red, free lines ↔ yellow and blue

Objective color principles override personal taste when the context has fixed requirements — meat markets, confectioneries, and floral occasions all specify palette constraints

Parameterized randomness lets artists control how much chance enters a system via explicit ranges

Recreating a master's color palette in cut paper reveals its color instrumentation — relationships rather than specific pigments

Secondary action is an additional motion that reinforces and adds dimension to the main action

Simultaneous contrast can be neutralized by adding the missing complementary explicitly, or by introducing light-dark contrast between the hues

Solid drawing treats forms as three-dimensional objects with volume and weight

The color occupying the larger area in a composition acts as background; the smaller area advances — and these roles can reverse as area proportions shift

The expressive meaning of each color is the complement of its complementary's meaning — mixed colors inherit blended meanings

The eye spontaneously groups scattered same-color areas into a visible shape — these 'simultaneous patterns' are independent organizational elements in composition

The two diagonals of the basic plane carry contrasting tensions: the lyric diagonal (calm) and the dramatic diagonal (complex)

Varying the initial spatial distribution of agents changes the global form that emerges from identical local rules