Slow Drift

Sade Okafor

Cohort 1

Student

Sade Okafor

City

Lagos

Cohort

Cohort 1

Technique

Flow field

Module

Lines

( In the student’s words )

Very low scale, very long lines. It took twenty minutes to render and I loved every one.

// the numbers that made it

scale 0.0009 · turns 4.2 · steps 200

( 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

Quiet Current

Twin Stars

Five Wells

( Next piece )

Slow Drift

Very low scale, very long lines. It took twenty minutes to render and I loved every one.

Start from the same numbers.

Lines

Keep looking.

Single Well