Creative Coding

#liveatheart2017

Agenda

• Vad är kreativ kodning?
• Varför började jag med det?
• Varför fortsättar jag med det?

Vem är du?

Varför började jag?

• Dåtid: demos, fraktaler, matte
• Nutid: web, CodePen, canvas

Canvas

• x, y
• Linjer, rektanglar, cirklar
• Animera genom att rita, flytta, rita, flytta
• Canvas finns i alla webbläsare
• Ett bibliotek som jag brukar använda: p5.js

Programmering!

Brownian Motion

Albert Einstein

Robert Brown

Jean Perrin

Slutsats (Brownian Motion)

• Ta en enkel och vag idé
• Du vet inte vart den kommer leda
• Var nyfiken, utforska
• Du kommer möta återvändsgränder
  - ta bara en annan väg

CSS

Layout och stil, visst men det går att skapa riktigt häftiga saker!

Ana Tudor är drottningen av CSS

#CodeVember

• Create something (small) each day in November
• I explored Sass
• "Strange" for me, backwards
• Durations and end positions instead of many absolute intermediate positions/values

Lärdommar, CSS, SCSS

• SCSS är kraftfullt
• Du lägger märke till nya saker när du tittar från ett annat håll. (Hör och häpna!)

Fraktaler

• Matte...
• Liknar sig själva oberoende av zoom
• Benoît Mandelbrot

beautiful, damn hard, increasingly useful. That's fractals.
- Benoît Mandelbrot

​​

Rita!

Lärdommar (Fraktaler)

• Fantastiska (hehe, det visste jag redan!)

Varför fortsätter jag?

Jag vill se mer!

• Twitter: #creativecoding
• CodePen: #creativecoding

Jag vill lära mig!

• Coding Math med Keith Peters
  Matte, fysik, lågmält, välorganiserat, pedagogiskt
  https://www.youtube.com/user/codingmath
• The Coding Train med Daniel Shiffman
  Roligt, knasigt, energirikt, fantastiskt!
  https://www.youtube.com/user/shiffman
• Creative Coding resources, av Terkel
  https://github.com/terkelg/awesome-creative-coding
• Creative Coding Club
  We gather once a month to design and build fun digital things based on a monthly theme.
  http://creativecoding.club