Harbour Weave

Ines Carvalho

Cohort 3

Student

Ines Carvalho

City

Porto

Cohort

Cohort 3

Technique

Flow field

Module

Lines

( In the student’s words )

Made for the Porto print fair. Two passes with different seeds, printed on top of each other.

// the numbers that made it

scale 0.0016 · turns 2.4 · lines 3,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.

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.

( Next piece )

Quiet Current

Create a free website with Framer, the website builder loved by startups, designers and agencies.