Creative Coding

#liveatheart2017

Johan Karlsson

  • Kreativ nörd
  • Matte, fysik, teknik
  • Datorer
  • Dataingejör
  • Systemutvecklare

Twitter: @DonKarlssonSan

Turbo Pascal

program Hello;
begin
  writeln ('Hello, world.');
  readln
end.

🌈

🌊

π

Agenda

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

Vem är du?

Vad är kreativ kodning?

Programmering som uttryck snarare än funktion.

Exempel från andra personer

 

Bees

&

Bombs

 

Bees

&

Bombs

Dan Gries (RectangleWorld)

Tiffany Rayside (tmrDevelops)

Tiffany Rayside (tmrDevelops)

Exempel,

animationer

Exempel, stillbilder

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?

  • Avkopplande - kravlöst

  • Faschinerande

  • Jag älskar att skapa och vara kreativ

  • Jag älskar att lära mig nya saker

     

Jag vill se mer!

Jag vill lära mig!

Made with Slides.com