Shaderprogrammering: Oppgaver

Oppgaver fra workshop holdt på Iteratekonferansen 16.11.22. Nøkkelord: shader, shaders, glsl, webgl, three.js, threejs

Løsningsforslag: https://github.com/iterate/shader-workshop

Oppgave 1: Strek

Lag en strek! Etterpå kan du prøve å endre

• Retning den peker

• Lengde

• Tykkelse

Oppgave 2: Farger

Prøv å lag et bilde med forskjellige farger, noe ala:

Deretter kan du prøve å få den til å

• Endre farger over tid

• Dele bildet i to horisontalt. Ha en farge over streken og en annen under, og endre de med tid

Oppgave 3: Firkanter

Lag en firkant. Deretter prøv å få den til å

• Endre størrelse over tid

• Ha en annen farge enn svart eller hvit

Oppgave 4: Transformasjoner

Få firkanten fra forrige oppgave til å

• Rotere

• Flytte seg

• Skalere

• Over tid

Oppgave 5: Sirkel

Lag en sirkel!