Exploring New Æsthetics

Live coding visuals with “Processing-ish” and Hydra

January 11th 2020 at KEA Lygten

Søren Peter (sp@darch.dk)


Agenda

- 13:00: Welcome and introduction
- 13:10: part 01 of workshop:
    - What is live coding and algorave?
    - Visuals and improvisation
    - Tools and approches
- 14:30: Stretch legs / Coffee break
- 14:45: part 02 of workshop:
    - Everyone is coding
- 16:00: Showcasing your new skills to the group
- 17:00: See you tomorrow

What are your experinces so far with…


What is live coding and algorave?


Making Visuals

__Outputs__
<- Colors, shapes and textures
<- Speed and patterns in time

__Inputs__
-> Your intuition
-> Data streams

Improvisation

Controling chaos

"Love the mistakes/mess"

muscle Memory

"The work will teach you how to do it" - Estonian proverb

Todays Tools/toys


Why LiveCodeLab and Improviz?

Code for LiveCodeLab

background blue
noFill
stroke red
10 times with x
    rotate time/20
    box x 

Why Improviz?

Code for LiveCodeLab

background(0,0,255)
noFill()
stroke(255,0,0)
10 times with x
  rotate(time/20)
  cube(x)

Why LiveCodeLab?


Why Hydra?

Code for Hydra

shape(5).rotate(0, 0.4).repeat(2,2).out(o0) // 2D shape

noise(2, .2).out(o1) // perlin noise

gradient([1,2,4]).scale(0.2).rotate(10, .05).out(o2) // colors

src(o1).diff(o0).diff(o2).saturate(.5).hue(1).out(o3) // mixing

render() // show all 4 output

render(o0) // show only output o3 (of 4!)

Other Live Coding Environments

https://github.com/toplap/awesome-livecoding


Exercise: Visualizing music

https://soundcloud.com/joannnne/1-2a


Break

(before math class)


Colors

RGB

(0, 117, 255)

( 0, 0.5 , 1 )

Tip! Google: colorpicker

Code for LiveCodeLab

background blue
fill red
box

rotate
fill 0, 117, 255, 100
box 2

Code for Improviz

background(0, 0, 255)
fill(255,0,0)
cube()

rotate()
stroke(0,200,0)
fill(0, 117, 255, 100)
cube(2)

Code for Hydra

shape().color( 0, 0.5 , 1 ).out()
// not 0-255, but 0-1

Messing with math

Code for Improviz

//cube(4+sin(time*2))

r = 2
move(sin(time)*r,cos(time)*r,0)
  rotate(time/5)
  cube(2)

DOCS / Help


?


okGO

code


Bonus: Co-Codiing

Lets try som co-coding using:


Forum for live coding

https://chat.toplap.org


International Conference On Live Coding

5 - 7 February 2020 in Limerick, Ireland http://iclc.livecodenetwork.org