# WCCC_DeStijl

# **PrimaryRects&Lines**

For this week's Creative Code challenge by @sableraph : “***De Stijl,***”,***Primary***[***Rects&Lines***](https://hashnode.com/@sableRaph) 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

```ocaml
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

%[https://youtu.be/MZeLrqxniMg] 

## Code

### Hydra

```javascript
//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

```javascript
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

```javascript
//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'
```