Code Conductor - Lucas Visual Art Lab

Stage

Use a local image

Write the force

Pick a preset, change one number, then run or draw.

The code conducts every dot of paint

Course idea

Code Conducts the Paint

Your function is the conductor: it is called every moment and answers how the artwork should move and grow.

The contract

force(mark, t) runs for every dot.

mark.x, mark.y - where the dot lives.

mark.red, mark.green, mark.blue - its photo color, 0 to 255.

mark.ph - its personal number, 0 to 1. t - seconds.

Move it: dx, dy shift it, or x, y teleport it.

Dress it: size (multiplier), alpha (0 to 1), red, green, blue (0 to 255).

Shape it: shape - "dot", "square", "ring", "star", "streak"; angle - degrees; soft - 0 hard to 1 misty; glow: true makes it shine.

Optional: function background(t) returns { red, green, blue } - the paper itself becomes yours.

Return any of them - or nothing.

Stage settings are code too - constants at the top of your file: DOTS (200-8000), DOT_SIZE (4-80), SPEED (1-100). Leave one out and its default is used.

Studio questions

What rule did you give the movement?

What did one number change?

Where does it feel calm, and where wild?

Why this prototype

The code runs safely in this browser only: it is tested in a sandbox first, then conducts the artwork frame by frame. No model, no cloud - the child's rule is the artist's hand.