WCCC_DeStijl

PrimaryRects&Lines

For this week's Creative Code challenge by @sableraph : “De Stijl,”,PrimaryRects&Lines is coded in Hydra & LiveCodeLab.

Design Concept

PrimaryRects&Lines is made with the rules of De Stijl:

  • Using only Black, White, Grey, Yellow, Red and Blue

  • Using only Lines and Rects

Poetry

The Colors descend
As more rects append
The lines, find the pixels to spend
As more and more
Decide to descend
From the top, to the floor

Video

Code

Hydra

//Red, Blue, Yellow
shape(4,1,1).color([1,0,1],[0,0,1],[0,1,0]).scale(0.155).repeat(2,2).modulateKaleid(o0,2.5).
modulateScale(osc(1,1,0.25).scale(0.0125).repeat(5,5)).
pixelate([1,5,10,25,50,500],[500,50,25,10,5,1]).scrollX([0.25,-0.5,0.1],[-0.1,0.25,-0.5]).
scrollY([-0.0125,-0.15,0.11].smooth(),[0.11,-0.125,0.15]).out()

LiveCodeLab - Visuals

simpleGradient black,white,black

pushMatrix()
noStroke()
rotate
fill blue
rect 
popMatrix()


pushMatrix()
noStroke()
scale 0.5
move
rotate
fill yellow
rect
popMatrix()

pushMatrix()
scale 0.75
noStroke()
move 0.75
rotate sin(time), cos(time)
fill red
rect
popMatrix()

LiveCodeLab - Sped Up Audio

//Audio

bpm 125 - (time % 20) * 3
play 'penta',  '--x- -xx- x  x --x- --x-'
play 'beepC',      '-x-- ---- x--x xxx-'
play 'beepA',      '--x- --xx-- --x- --xx--'
play 'snap',   '--x- -x--x-- -xx- --x--'
play "tweet" + int(random 14) ,'x'
play 'tense',      'x--x  x --x– x -x-- -x--'
play 'voltage',    'x-x- -x-- x-xx x-xx'
play 'cosmos', '-x-x ---x x-x  x- --xx'
0
Subscribe to my newsletter

Read articles from Kofi / Illestpreacha directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Kofi / Illestpreacha
Kofi / Illestpreacha