Quiet Current

Tomasz Wrona

Cohort 3

Student

Tomasz Wrona

City

Kraków

Cohort

Cohort 3

Technique

Flow field

Module

Lines

( In the student’s words )

I kept the steps short so the field reads like brush marks.

// the numbers that made it

scale 0.005 · turns 1.1 · lines 2,600

( Make your own )

Start from the same numbers.

Type the parameters above into the Lab, then change one. It is the fastest way to learn what each one does.

01-6-flow-field.js

// 01.6 Flow fields: every line follows the noise
const scale  =0.0028  // how far you zoom into the noise
const turns  =1.60  // how hard the lines curl
const lines  =2200  // how many lines to draw
const steps  =70  // how long each line runs
const weight =0.8  // stroke width in px
for (let i = 0; i < lines; i++) {
  let [x, y] = randomPoint()
  for (let s = 0; s < steps; s++) {
    const a = noise(x * scale, y * scale) * TAU * turns
    lineTo(x += cos(a), y += sin(a))
  }
  stroke(chalk, weight)
}

canvas 1:1seed 007drawing 0%

↔ Drag any yellow number. The drawing starts over.

( Made in module )

Lines

Start with the canvas grid, loops and angles. By the end, thousands of lines follow one rule and weave a poster.

See the lessons →

( More from the gallery )

Keep looking.

Harbour Weave

Twin Stars

Five Wells

North Ridge

( Next piece )