Kreativ-programmering-old
Indhold
- Programmering af animationer og mønstre
- Digital repræsentation og manipulation af farver/pixels...
- Møstre: Rekursive, Itterative...
Produkt: Kodet digitalt mønster eller animation
Eksisterende materiale/eksempler
- Iftek-note om mønstre: http://iftek.dk/monstergenerering -
- Khan Academy forløb programmering/animation - https://www.khanacademy.org/computing/computer-programming/programming
- Eksempler på elevprodukter: https://www.pinterest.com/jacobsbendtsen/creative-code-by-students/
- Eksempler på algoritmiske beskrivelser af kunstværker, som eleverne kan realisere i kode:
Tværforløb:
Tværfagligt: matematik, biologi, billedkunst...
Læreplansmål
- C+B: Repræsentation og manipulation af data
- C+B: Programmering
- C+B: (Modellering)
- C+B: (Interaktionsdesign)
- C+B: Innovation
Didaktiske designprincipper
- C+B: Consumer to Producer
- C+B: Worked Example
- C+B: Stepwise Improvement
Contents
Lektionsplan
| Lektion | Indhold | Opgaver |
| 1 | Introduktion. Eleverne skal installere processing, og lave deres første program. | 1 |
| 2 | Strukturen i en processing sketch, betinget udførsel. | 2 |
| 3 | Variable og simple animationer. |
Modul: Interaktivitet
| Lektion | Indhold | Opgaver |
| 1 | Introduktion. Forskellige typer input. Musen som input. | |
| 2 | Keyboard som input | |
| 3 | Grafiske brugerflader. |
Modul: Regelbaserede systemer
| Lektion | Indhold | Opgaver |
| 1 | Introduktion. Eksempler og en indledende opgave | |
| 2 | Partikelsystemer | |
| 3 | Casey Reas: Form og opførsel og element. | |
| 4 | L-systemer |
Opgaver
Opgave 1
Eleverne installerer processing fra Processings hjemmeside, og derefter kan de på egen hånd gå i gang med at følge en tutorial, f.eks denne, mens læreren hjælper alle elever med at få installeret programmet.
På denne måde kan den allerførste lektion resultere i at alle elever får produceret et program på egen hånd. Eleverne bør lære processings reference at kende.
Opgave 2
Eleverne arbejder i par, med at producere et portræt af hinanden. Hvis man ønsker, kan man lave en padlet, hvor eleverne kan uploade deres portrætter. Det hjælper med inspiration og vidensdeling i klassen.
Video om strukturen i en processing sketch.
Video om betinget udførsel.
Opgave 3
Nu hvor eleverne kan lave simple grafiske programmer, kan de introduceres til generative art.
| 25 firkanter |
| 25 firkanter i et 5x5 mønster. Alle firkanter forskudt en anelse fra deres udgangsposition. Enkelte røde firkanter, resten brune. Skygger hvor firkanterne overlapper. |
- Lav et program, der implementerer Vera Molnar's '25 squares' i processing.
Start med at give eleverne beskrivelsen af værket, og lad dem først derefter se Vera Molnars egen version. Mange elever kan guides i stepwise improvement i denne opgave: Først fem firkanter på række. Så fem rækker under hinanden. Så forskydes de tilfældigt. Så vælges farverne. Til sidst tilføjes skygger.
Vera Molnar på digitalartmuseum.org
- Sammenlign din udgave af kunstværket med Vera Molnars egen.
- Hvor I beskrivelsen er der plads til at du fortolker kunstværket?
- Hvem er den kunstneriske? Dig eller Vera?
Video om for-løkken.
- Kan du forbedre din sketch, ved at bruge en eller flere for-løkker?
- Prøv at lave din sketch dynamisk. Du kan for eksempel lave en ny variation af billedet hvert andet sekund, eller give firkanterne lidt bevægelse.
- Du kan også lave din sketch interaktiv, så du for eksempel kan generere et nyt billede ved at klikke med musen.
Opgave 4
Den amerikanske kunstner Sol Lewitt er en af forfadrene for conceptual art og generative art. Han beskrev en række værker, hvor han som kunstner udtænker ideen om kunstværket, og lader andre om at udføre værket. Mange af disse værker er i form af vægtegninger, der er oplagt at udføre i en processing sketch. Sol Lewitt's wall drawings #289
- Lav en sketch, der implementerer Sol Lewitts vægtegning #289.
- Lav ændringer i dit program, så vægtegningen bliver mere interessant.
- Vælg selv blandt Sol Lewitts andre værker, og udfør dem i processing.
Sol Lewitts Work from instruction.
Opgave 5
- Lav dine egne ændringer til programmet fra videoen.
- Lav programmet interaktivt.
